Drop Down Menu Styling

  • Resolved louislzm

    (@louislzm)


    10 years, 7 months ago

    Hi Joel,

    Thanks for creating this theme! I am helping a friend to set up his website and we are loving the theme you’ve created. There is one styling issue we’ve encounter and wondering if you can help us figure out.

    We have use the SoloFolio Dropdown Menu Widget, but the parent menu title is constantly on bold and in capital letters. We wanted the dropdown menu to have the same css styling as the main menu and join in with the main menu, similar to the example on your sample website – http://solofol.io/menus-widgets/ Can you please let us know how you achieve have some dropdown menu and some non-dropdown menu in one column and equally spaced? Thanks!

    Louis

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author jhawksley

    (@jhawksley)

    10 years, 7 months ago

    Louis,

    Glad you like the theme. The tutorial web site uses a different template, actually. To get that effect in SoloFolio, you’d need to add CSS rules to .solofolio-custom-menu h3. It’s not currently an option in the customizer.

    Joel

    Thread Starter louislzm

    (@louislzm)

    10 years, 7 months ago

    Thanks for the reply Joel,

    Can you please guide me on how to change the CSS rules? Where will you type the changes and how would you change, for example: unbold, normal font variant for the .solofolio-custom-menu h3. Apologies with all the questions, I am still learning.

    Thanks
    Louis

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 7 months ago

    Just like any other site, to debug CSS you would use your browser’s developer tools to. Chrome has a nice one built in. Right click on the thing you want to debug and select ‘Inspect element’. Then you can see the HTML in the left hand side of the tool and the CSS for the selected HTML node in the right hand side of the tool.

    Useful to know https://developer.chrome.com/devtools/docs/elements-styles

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

The topic ‘Drop Down Menu Styling’ is closed to new replies.