Docs

[Stane S]

Hi,

please can you say me how can you do to:
– have a center image (i can see float right and float left only)
– have the effect that image appears short from left (for example or from right or with center fade…) like your demo

note : I always search the answer in your forum before but your search function is very very bad…

thanks for your help

[Rad]

Hi Stane,

Thank you for writing in!

I you will insert an X Shortcode, or just using standard html, you could add aligncenter on its class attribute to align it center.

For example :

[image class=”aligncenter”] and <img class="aligncenter" />

This assume that your image has width and not set to 100%.

Then add this css at your customizer’s custom css.

.x-img.aligncenter {
display: block!important;
}

Now, to add fade-in effect to your content, you will have to edit your column setting to enable fade effect.

Example:

http://awesomescreenshot.com/032305930f or

[vc_column width=”1/1″ fade=”true” fade_animation=”in-from-left” ] or

[column width=”1/1″ fade=”true” fade_animation=”in-from-left” ]

Hope this helps. 🙂

[David E]

I am having the same problem. I am using the Visual Composer and adding aligncenter to the class for the image does not center it. Is there a reason that there is not a simple “center” option like there is for text? this seems to be a pretty common thing people would want to do with an image.

Thanks

[Stane S]

Yes I agree with this remark : wp-bakery is very complicated and is not so effective as it.

On the theme ” velocity ” which uses ” visual composer for wordpress” or still on the theme ” jupiter ” the features are numerous much much more and especially they are very very easy to use.

Wp-bakery does not allow to center an image easily, to make a photo gallery which is attractive that’s hell (select photos one by one, link them, put miniatures, insert into one ” block grid “), a horror!
To make an effect ” fade in ” it is necessary to put the image in one column to part…

In brief, for me it is not effective and it goes against all the possibilities of the theme ” X ”

This day the theme ” X ” offers more and more possibilities but with WP-bakery it is uncontrolled and I prefer Velocity or Jupiter who allow more customizations in pages.

Thank you

[Stane S]

Saddened, I have just verified and in fact it is crazy but ” velocity ” wp-bakery also use ! like “X”

Then there I understand nothing more there!
On Velocity everything is simple and we can make full of things (more than 100 shortocodes) that we cannot make on “X” while for two it is the same plugin ” visual composer of Wp Bakery ”

… I do not understand….

[Rad]

Hi Guys,

Visual Composer does not need to use alignment, as this alignment should be default at any wordpress theme. And it’s user responsibility to use which alignment.

And .aligncenter { } is one of them. You could find them here http://codex.wordpress.org/CSS

I just recommended this as re-declaration :

.x-img.aligncenter {
display: block!important;
}

So the browser will see it as priority for rendering with keyword !important. “text-align: center” will only work with “display: inline” like texts. For block elements like image, centering is “margin: 0 auto;”

Wordpress default css are just normal css that can be affected by another css, so the key is !important.

Thank you.

[Author]

Posts