Support » Plugin: Responsive Column Widgets » Different Background Colors for Different Widgets

  • Resolved colleennelson


    Hi there,

    I am hoping you can point me in the right direction or right file location at least.

    Is there a way to control the background color for each widget in separate rows?

    I have (2,3) 2 rows set and my client would like to have the second row widgets each have a different color background – so basically 3 different shades of the same color in the second row only.

    How would I set that up? Or identify / ID those particular widgets in the CSS style sheet?

    I hope that makes sens –

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author miunosoft


    I guess,

    .responsive_column_widgets .responsive_column_widgets_row_2.responsive_column_widgets_column_1 { background-color: rgb(255, 253, 202); }
    .responsive_column_widgets .responsive_column_widgets_row_2.responsive_column_widgets_column_2 { background-color: rgb(210, 255, 207); }
    .responsive_column_widgets .responsive_column_widgets_row_2.responsive_column_widgets_column_3 { background-color: rgb(229, 229, 255); }

    The 2 in .responsive_column_widgets_row_2 represents the second row. If it should be the third row, change it to 3.

    The 3 in .responsive_column_widgets_column_3 represents the third item in a row. So you can change the background color by specifying the column number there.

    Set the above rules in the CSS Rule option field placed at the bottom of the widget box definition setting page.

    If it does not work, you can post a link to your web site so that I can check.

    That was it! Thank you so much! I was knee deep in code trying to figure out which ones to use. Thank you sooo much!


    I can’t tell you how much I appreciate you help – and it was light speed!

    Plugin Author miunosoft


    You are welcome!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Different Background Colors for Different Widgets’ is closed to new replies.