Ready to get started?Download WordPress


Responsive Column Widgets
[resolved] Different Background Colors for Different Widgets (4 posts)

  1. colleennelson
    Posted 9 months ago #

    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!


  2. miunosoft
    Plugin Author

    Posted 9 months ago #

    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.

  3. colleennelson
    Posted 9 months ago #

    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!

  4. miunosoft
    Plugin Author

    Posted 9 months ago #

    You are welcome!


You must log in to post.

About this Plugin

About this Topic


No tags yet.