Skip to content

How To Properly Target Custom Rows with CSS

If you are looking to alter a row via CSS the best way to do it is using a custom Class added to your row. This way your edits will be unique to that specific row but also it can help prevent issues with future theme/plugin updates.

vc-row-custom-class

Important: Make sure to prefix your custom class to prevent any sort of conflicts in future updates or with 3rd party plugins.

Now you can apply some custom CSS to this specific row:

.myprefix-custom-class { max-width: 32%; /*or whatever edits you want*/ }

And of course the custom class field is available for pretty much all the Visual Composer modules if you want to tweak things without having to use the settings and keep things organized nicely and site-wide for the various Visual Composer modules.

Back To Top