Nav Bar Spacing and Colour? - by shakka219

This topic has 6 replies, 3 voices, and was last updated 8 years, 2 months ago ago by Eva Kemp

  • Avatar: shakka219
    shakka219
    Participant
    September 7, 2016 at 16:04

    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

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 7, 2016 at 16:33

    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

    Avatar: shakka219
    shakka219
    Participant
    September 8, 2016 at 09:19

    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.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 8, 2016 at 09:28

    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

    Avatar: shakka219
    shakka219
    Participant
    September 8, 2016 at 10:28

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

    Avatar: Eva
    Eva Kemp
    Support staff
    September 8, 2016 at 12:14

    Hello,

    Use this css code:

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

    Write the font you need.

    Regards,
    Eva Kemp.

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.