How To Properly Target Custom Rows with CSS

Visual Composer is provided with a option to insert additional class name to the rows and thereby provides a selector option to apply css and scripts targeting on individual rows and modules. The following shows a screenshot of how the custom css class can be added to a row component.

We first select the edit icon of that particular row and pop the “Row Setting”modal box now on the “General” tab, we find the section to insert unique id to the particular target row. By placing a unique name we get to access that row via the id selector call as “#rowname”

[su_lightbox type=”image” src=”http://janxcode.com/support/wp-content/uploads/2016/04/image76.png”]s1[/su_lightbox]

We can now apply custom css to that target row by adding styles with that id selector as
#rowname
{
background-color: aqua;
}

Thus we have successfully applied css over a target row module.