widget is not styling correctly

  • Resolved evadaniela

    (@evadaniela)


    12 years, 8 months ago

    Hello,

    I set up my css so that the sidebar where my categories and archives widget looks how I want it which is to have the title next to the dropdown menu. But now I added another widget that helps me to have a pages widget with a dropdown menu as well. It is in the same sidebar as the categories and archives widget. The problem is that the pages widget is not styling the same way as the categories and archives widget, and I don’t know why. If they are all in the sidebar and I styled the css in the sidebar then why isn’t it applying to the pages widget which is in the sidebar? What I want to achieve is to have the word PAGES and the dropdown menu next to each other, exactly like my categories and archives widget are.
    Here is my website: http://www.eva-daniela.com/blog

    Thank You!

Viewing 6 replies - 1 through 6 (of 6 total)
  • wpismypuppet

    (@wordpressismypuppet)

    12 years, 8 months ago

    It’s because the Categories and Archives widget creates a <select> field for it’s drop down menus and by default a <select> field is set to display: inline. The Pages widget is wrapping it’s <select> field with a <form>, which by default is set to display: block.

    So, set a css style that says:

    .flexipages_widget form {
    display: inline;
}

    and you’ll be in business!

    Thread Starter evadaniela

    (@evadaniela)

    12 years, 8 months ago

    gosh thank you soooo much! I am in business thanks to you 🙂 Do you know how I would be able to either increase or decrease the size of the dropdown menu/form? For example, I want to elongate archives dropdown menu so that it is the same size as the categories and pages dropdown menu. I would also like to line up the words pages, categories, and archives together so that the “s” in the end of the words can line up.

    Thank You again!

    wpismypuppet

    (@wordpressismypuppet)

    12 years, 8 months ago

    .sidebar select {
    width: 125px;
}

    125 looks about right to me… any bigger and “Categories” goes onto another line.

    Thread Starter evadaniela

    (@evadaniela)

    12 years, 8 months ago

    125 was too big so I put it at 120px and its just how I wanted it.

    your awesome, thanks so much!

    wpismypuppet

    (@wordpressismypuppet)

    12 years, 8 months ago

    You must be using a MAC. Typically the padding on a MAC differs from PC because of the “prettier” font MAC uses. 🙂

    Glad I could be of some help! You should mark this as resolved so others won’t try to help.

    Thread Starter evadaniela

    (@evadaniela)

    12 years, 8 months ago

    i am using a mac haha

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

The topic ‘widget is not styling correctly’ is closed to new replies.