style the category widget

  • Resolved gizmogarrett21

    (@gizmogarrett21)


    12 years, 8 months ago

    Hello,

    I am trying to modify my category widget. The link to my site is here. As you can see, I have an image background for the category widget and I want to add an opaque white box which will make the text legible on the image background (after adjusting text color of course). A poor illustration of what I want is here. Is it possible to add an extra div or something to only the category widget to do this? Is there an easier method I am not thinking of?

    Thanks!!

Viewing 2 replies - 1 through 2 (of 2 total)

  • You can’t add an extra div to the widget but you can use the ul and h3 tags to add the transparent background. I added the following css in the inspector and it looked ok.

    .widget.widget_categories ul, .widget.widget_categories h3 {
background: rgba(255, 255, 255, 0.6);
padding: 5px;
}
    Thread Starter gizmogarrett21

    (@gizmogarrett21)

    Chris,

    That is brilliant. Thanks so much for the help! It looked good the way you had it but to make the transparent background continuous I switched a few paddings around. Again, thanks for the new trick in my playbook.

    -Garrett

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘style the category widget’ is closed to new replies.