Archive drop down menu

  • Resolved lizafrank

    (@lizafrank)


    5 years, 7 months ago

    Hello, I’m wondering if someone might be able to help me.

    I’ve added the Archives widget at the bottom of my post pages and the title looks great because it’s in keeping with everything else, but the dropdown menu when viewed on a computer looks generic and out of place. I’ve installed the Widget CSS Classes plugin but adding changes to fonts/size/colour/background has no impact. At the very least I’d like it to have the same font and size.

    I’ve searched for plugins that customise this dropdown menu but can’t find one that does what I want, but I’m very happy to be recommended!

    I only have a very basic knowledge of coding, and any changes I’ve made outside of the theme settings have been tinkers in the additional CSS panel in the customiser. When using the Snippets plugin I managed to crash the site so I stopped trying to be clever, so yes, very basic.

    My website’s theme is Tracks.

    Any guidance would be very gratefully received, and if I’m missing something really obvious, please let me know!
    Many thanks
    Liza

    The page I need help with: [log in to see the link]

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

  • To target that dropdown and any others like that, you can use
    select {font-family: inherit; font-size: inherit;}
    You can even put the color in there, but I don’t recommend it because changing the background color or the border or the border-radius all result in losing the little arrow.

    If you want the rule to only affect select in widgets, instead make it
    .widget select {font-family: inherit; font-size: inherit;}

    Thread Starter lizafrank

    (@lizafrank)

    Joy, it worked an absolute treat, thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Archive drop down menu’ is closed to new replies.