Adelle theme – Upper & Lowercase

• 

  natjoseph83 · Member · Aug 2, 2014 at 3:01 pm

  • Copy link
  • Add topic to favorites

  I am using the Adelle theme and I would like to be able to have the header in upper and lowercase, however at the moment I can only use upper.

  Thanks

  Natalie

  The blog I need help with is: (visible only to logged in users)

• 

  abreujamil · Member · Aug 2, 2014 at 3:06 pm

  • Copy link

  Hi! In the “Site Header” section of your css, remove “text-transform: uppercase” from the following class definition:

  .site-title {
      font-size: 48px;
      font-size: 4.8rem;
      font-weight: 400;
      line-height: 1.2;
      text-transform: uppercase;
  }

• 

  lizthefair · Member · Aug 3, 2014 at 1:26 am

  • Copy link

  In order to make that change, you’ll first need the custom design upgrade. Even if you have that, I’m afraid @abreujamil’s suggestion won’t work because you don’t have access to the original CSS file. But you can achieve the same goal by going to customize>css and then pasting the code below into the pop-up window.

  Your site title is currently all lowercase so I’m not sure if you want to change it or your menu items which are all uppercase so I’m providing the code for both:

  Site title:

  .site-title {
      text-transform: none !important;
  }

  Menu items

  .navigation-main a{
      text-transform: none !important;
  }

• 

  natjoseph83 · Member · Aug 4, 2014 at 7:14 am

  • Copy link

  Thanks guys. All has been done.

  Nat