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

  1. colleennelson
    Posted 1 year 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 1 year 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 1 year 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 1 year ago #

    You are welcome!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Responsive Column Widgets
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.