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/03/rowsel.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.