WordPress.org

Forums

Responsive Column Widgets
[resolved] Widget background color (Twenty Thirteen theme) (11 posts)

  1. myhero
    Member
    Posted 2 years ago #

    Hi,
    Thanks for the great plugin.
    I want to change the background color of my widgets, is it possible for me to add target it and something to my custom css?

    http://wordpress.org/plugins/responsive-column-widgets/

  2. miunosoft
    Member
    Plugin Author

    Posted 2 years ago #

    Hi,

    I'm not sure what you mean by to add target it but you may try the following and let me know if it works for you:

    1. Go to Appearance -> Responsive Column Widgets -> New / Edit.
    2. Find the section, Custom Style and the Container Background Color option.
    3. Set the background color.

    Hope it helps!

  3. myhero
    Member
    Posted 2 years ago #

    Hi there,
    Thanks for the response, I've made the color change at the Container Background Color option, however the change has not taken effect. It can be seen here. Note the grey widget background.

  4. miunosoft
    Member
    Plugin Author

    Posted 2 years ago #

    I see. The option indeed does not take effect in Twenty Thirteen. Thanks for the report!

    Please add the following CSS rule to the CSS Rule option.

    .responsive_column_widgets {
        display: inline-block;
    }

    Let me know if it works or not. If it does, it will be included in the next release.

  5. myhero
    Member
    Posted 2 years ago #

    Hi,
    I've added the code but the widgets are now compacted on the left side of the page.

  6. miunosoft
    Member
    Plugin Author

    Posted 2 years ago #

    I see. Please try:

    .responsive_column_widgets {
        width: 100%;
        display: inline-block;
    }
  7. myhero
    Member
    Posted 2 years ago #

    Winner, thank you!

  8. myhero
    Member
    Posted 2 years ago #

    Quick question, and not related to the plugin. I am struggling to find/change the background color of the home widgets (in front of the yellow background) (the color in front of the yellow) do you perhaps know where I could change this?

  9. miunosoft
    Member
    Plugin Author

    Posted 2 years ago #

    I think, in your case,

    .responsive_column_widgets_box .widget {
        background-color: transparent;
    }

    You may change the part, transparent, to what your need.

  10. myhero
    Member
    Posted 2 years ago #

    Thank you!

  11. miunosoft
    Member
    Plugin Author

    Posted 2 years 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

Tags

No tags yet.