• 

  shakka219

  Participant

  September 7, 2016 4:04 pm

  Hi there,

  I would like to change the nav bar, I would like the page titles to be spaced out more and change the background colour of the nav bar itself as well as the text colour.

  Please see private content for image links

  Site URL: hidden

  Theme version: 1.7

  

  Content is visible for topic creator and
  support staff only.

  #139136 copied to clipboard

  Like
  

  Robert Hall

  Support staff

  September 7, 2016 4:33 pm

  Hello,

  Add this code in 8theme options->Styling->custom CSS->Global Custom CSS.

  .menu-wrapper {
      background-color: red;
  }
  .menu > li > a {
      color: #fff;
  }

  .title h1 {
      font-size: 4.571em;
  }

  Regards,
  Robert Hall

  #139140 copied to clipboard

  Like
  

  shakka219

  Participant

  September 8, 2016 9:19 am

  Hi Rob,

  that’s great, although it hasn’t spaced the headers out as much as I would have liked?

  I want to increase the width between the headers in the nav bar so that they are spread out accross the entire nav bar.

  #139195 copied to clipboard

  Like
  

  Robert Hall

  Support staff

  September 8, 2016 9:28 am

  Hello,

  Add this code in Global Custom CSS and play with that padding values.

  .menu > li > a {
      padding: 20px 35px 15px 35px;
  }

  Regards,
  Robert Hall

  #139200 copied to clipboard

  Like
  

  shakka219

  Participant

  September 8, 2016 10:28 am

  That’s great, finally, do you have custom CSS to change the font (google fonts) in the nav bar titles?

  #139203 copied to clipboard

  Like
  

  Eva Kemp

  Support staff

  September 8, 2016 12:14 pm

  Hello,

  Use this css code:

  .menu > li > a {
    font-family: open sans !important;
  }

  Write the font you need.

  Regards,
  Eva Kemp.

  #139213 copied to clipboard

  Like
Viewing 6 results
1 through 6 (of 6 total)