Formatting dropdown boxes in widgets

  • Resolved ellyhails

    (@ellyhails)


    11 years, 7 months ago

    I’m editing the Pictorico theme with CSS (have already created a child theme) but cannot for the life of me figure out how to align the drop down boxes on my Categories and Archives widgets on the left hand side of the space, in line with the first letter of the widget title. Does that make sense? Right now they are floating in the middle and it just looks a bit stupid.
    http://demandauthenticity.com

    I’ve tried padding: 0px and margin-left: 0px, but no luck.

    Any ideas?? Thanks very much in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter ellyhails

    (@ellyhails)

    11 years, 7 months ago

    Ok I’ve figured it out myself using Firebug. Here’s the answer I’ve used in case anyone else has this problem:

    .widget select {
    margin-left: 0px;
    }

    Moderator Kathryn Presner

    (@zoonini)

    11 years, 7 months ago

    Glad you figured it out, and thanks for posting the solution in case it helps others in the future!

    A quick tip with CSS – when you use the number 0 for values, you don’t need to include the unit, so it would be:

    .widget select {
margin-left: 0;
}

    Most browsers probably also understand 0px, but 0 is more technically correct and future-proof.

    Have fun customizing your site – your photos look great in the grid!

    Thread Starter ellyhails

    (@ellyhails)

    11 years, 7 months ago

    Hi Kathryn – thank you that’s nice of you, and thanks for the tip!

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

The topic ‘Formatting dropdown boxes in widgets’ is closed to new replies.