Support » Plugin: Widget Content Blocks » CSS Selectors

  • Resolved spacetimepartners

    (@spacetimepartners)


    HI!

    Thanks for a fantastic plugin. I was wondering how to style with CSS the background on my header widget. I’ve tried longer and shorter variations of this selector with no luck:

    #wysiwyg_widgets_widget-5.widget_wysiwyg_widgets_widget.widget{
    background-color: yellow;
    }

    What do you suggest I do to achieve this?

    Many thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter spacetimepartners

    (@spacetimepartners)

    Hi,

    I’m giving it another go with the following code but still no luck:

    #widget .wysiwyg_widgets_widget-5 {
    background-color: #408c3d;}

    Any suggestions as to how to manipulate the background color of the widgets would be greatly appreciated.

    Plugin Contributor Lap

    (@lapzor)

    Hi,

    Id is referred to in css with #, and class name with the .
    To make sure to overrule any other background that might be set on the same object, you can add !important.

    Please try:

    #wysiwyg_widgets_widget-5 {
    background-color: #408c3d !important;
    }

    Hope that helps!

    Kind regards,

    • This reply was modified 6 years, 6 months ago by Lap.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS Selectors’ is closed to new replies.