Adjust Font for Side Bar/Widgets but not Navigation Bar

  • Resolved moneysloths

    (@moneysloths)


    7 years, 8 months ago

    I currently use this piece of CSS code to un-capitalize my side bar/widget font, but it’s also un-capitalizing my Navigation bar. Is there a way to update the code or add css code such that only the side bar/widget font doesn’t have all letters capitalized but the navigation menu bar will still have all caps?

    body, html, a, p, span, ul, li, h1, h2 {
    font-family: Arial !important; /* I have added Arial here. You can change to whatever you want */
    }

    https://www.ads-software.com/support/topic/change-font-in-header-tagline-and-menu-bar/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author lyrathemes

    (@lyrathemes)

    The code you’re showing us here is to change the font, not the capitalization. Can you please show me your website URL where you’re trying to make the change? Also, if you can point out using a screenshot which areas you’re trying to modify?

    From what I understand, you’d like to uncapitalize the sidebar headings? Try this in Appearance > Customize > Additional CSS:?

    h3.widget-title {
    text-transform: none;
}
    Thread Starter moneysloths

    (@moneysloths)

    Hi!

    Site is https://www.moneysloths.com

    Here’s a screenshot:

    View post on imgur.com

    I tried the additional CSS without any luck.

    • This reply was modified 7 years, 8 months ago by moneysloths.
    Theme Author lyrathemes

    (@lyrathemes)

    Try this:

    .widget ul >li >a, .widget ul >li > span >a{text-transform: none;}

    Thread Starter moneysloths

    (@moneysloths)

    That worked, thank you so much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adjust Font for Side Bar/Widgets but not Navigation Bar’ is closed to new replies.