Full article image align

I want to insert an image in an article at the top and centered with text below. No matter how I configure the options in the aticle parameters, the image is always aligned left in full article view.

Hi

That's a problem that we didn't yet manage to solve. This comes from our OpenGraph support provided on article layout. Expect to improve this on next updates.

Meanwhile you can do it in an other way.
Open template parameters and go to "Advanced Settings" panel and add this lines on "Custom CSS code" textarea. Save and go to your article.

Toggle editor

screen.png

and add class "center" (see picture) to the paragraph that holds image.

screen2.png

Enable again the editor by clicking again on "Toggle editor" button and save.

Now it should overrule the floating position of div and image will be displayed on the center.

Hope this fill your needs.
Sorry of this do some work but we promise that this problem will be fixed as soon as possible.

Cheers

Ops i forgot to add the code:

Code: Select all

.articleContent p.center > div {float: none!important; margin: 0 auto 10px!important}

Hi again

I receive your message.
Sorry i was wrong.
I added this lines instead so that you can use "center" class on paragraph.

Code: Select all

.articleContent p.center {overflow: hidden;}
.articleContent p.center img {float: none}


Anyway, this must be solve in next update of Gavern.

Cheers

Yes, that finally corrected it. I will mark this as solved.

BTW this is already solved on source files and when we release TWN2 updated to Gavern framework 3 this will not happen again.

Cheers