Change background-position for images in Visual Composer

This’ll be a super short post as I’m busy AF trying to finish a site tonight, but basically: <– This doesn’t work

And I spent probably an hour trying to wrestle with custom CSS trying to get it to override the !important, probably Googled the same links as you, till I stumbled upon the solution.

And it’s a super DUH! solution, lol.

The solution

1. Exit the VC editor, go into the Classic Mode.

2. Look for your code for the image. It’ll be something like:

vc_column width="1/2" css=".vc_custom_1516705833353{background-image: url( !important;background-position: 0 0 !important;background-repeat: no-repeat !important;}"

3. Simply change the underlined code in background-position: 0 0 !important to something else, e.g.

background-position: bottom right !important

Mega DUH! moment for me. Comment here if this hit you like a truck too. Lol.

Happy designing.



Leave a Reply

About Me

I’m the Head of Tech at Traworld, a travel startup in Bangsar South, Kuala Lumpur.

This is a place for me to pen my thoughts… and sometimes sell my second-hand stuff.

Recent Posts