Widgetize Pages Light
[resolved] styling (4 posts)

  1. marisaporter
    Posted 3 years 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 3 years 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. marisaporter
    Posted 3 years 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. marisaporter
    Posted 3 years 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

  • Widgetize Pages Light
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic