Issue with categories widget CSS

  • Resolved bschatz

    (@bschatz)


    9 years, 7 months ago

    Hi all,

    My question is regarding the sidebar widgets on the following site:
    http://www.dragonflyeffect.com/blog/

    All except the top category widget (“Topics”) are styled correctly – with the gray title bar sitting on top of the text area.

    I would like the top categories widget to be styled the same way, with the gray title bar sitting on top of (rather than within) the text area, so that it matches the rest of the widgets.

    I am fairly familiar with CSS, but this one is stumping me! I greatly apprecaite any help you can provide.

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Predrag – WPMU DEV Support

    (@wpmudev-support1)

    9 years, 7 months ago

    Hi @bschatz,

    To style the top categories widget with the gray title bar sitting on top of (rather than within) the text area, find the following code in the style.css file of your Twenty Twelve Child Theme

    #categories-3, .textwidget {
margin: 0;
padding: 10px;
width: 260px;
height: auto;
float: left;
position: relative;
background-color: #ffffff;
z-index: 9;
text-align: left;
border: 8px solid #edf1f2;
font-size: 13px;
line-height: 19px;
}

    and change the selector in it from #categories-3 to #categories-3 ul as following.

    #categories-3 ul, .textwidget {
margin: 0;
padding: 10px;
width: 260px;
height: auto;
float: left;
position: relative;
background-color: #ffffff;
z-index: 9;
text-align: left;
border: 8px solid #edf1f2;
font-size: 13px;
line-height: 19px;
}

    Best Regards,
    WPMU DEV

    Thread Starter bschatz

    (@bschatz)

    9 years, 7 months ago

    This worked perfectly! What a simple solution. Thank you very, very much for your help – I really appreciate it.

    Best,
    Bryan

    Predrag – WPMU DEV Support

    (@wpmudev-support1)

    9 years, 7 months ago

    You are most welcome, if we can be of any further assistance please don’t hesitate to ask 🙂

    Have a great day!

    Cheers,
    WPMU DEV

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Issue with categories widget CSS’ is closed to new replies.