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:

https://visualcomposer.io/article/background-image-position/ <– 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(http://yourwebsite.com/wp-content/uploads/2018/01/yourimage.jpg?id=31) !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.

  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Michael

Michael

Leave a Reply

About Me

I run Pixl, a web design and development agency in Hartamas Kuala Lumpur.

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

Recent Posts