Ready to get started?Download WordPress


Widgetize Pages Light
[resolved] styling (4 posts)

  1. marisqa
    Posted 1 year ago #

    I'm sure I'm missing this somewhere, but how do you style the UL, LIs and headings for widgets created by OTW? I just can't figure it out. Also I don't know why it's knocked the regular widget styling of the blog out (the regular styles would be ok).


  2. OTWthemes
    Plugin Author

    Posted 1 year ago #

    Hi there,

    All sidebars created with this plugin have their own css class. They look like this otw-sidebar-22. You can use firebug for example to find what the classes on your installations are.

    You can use that classes to style widgets in a specific sidebar. Or you can use otw-sidebar to style all sidebars created by this plugin.


  3. marisqa
    Posted 1 year ago #

    Hi - this is great!

    So I looked at the source code and found all these classes (I should have started there).

    I can style .otw-sidebar and give it a background color. I can style .otw-sidebar-1 h2.widgettitle and effectively style the headings.

    But then I noticed that each widget has a different name ".otw-widget-1", ".otw-widget-2" etc. I tried various things. When I try to style .widget .otw-widget, nothing happens. When I try to style .otw-widget, nothing happens. When I try to style .widget .otw-widget ul li, nothing happens.

    Should they be styled by .otw-widget, or using ul li? What am I doing wrong?

    Thanks for the help and great plugin!

  4. marisqa
    Posted 1 year ago #

    ok I think I'm good to go. I have .otw-sidebar-1 for the whole sidebar
    .otw-sidebar-1 hw.widgettitle for the headings
    .otw-side-bar .widget for the individual widgets.

    I think there's nothing left after that besides paragraph and text and heading styling.

    So thank you so much!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic