Return to previous page

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

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.

#139136 Copied Theme version: 1.7

5 Answers
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
#139140 Copied
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.

#139195 Copied
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
#139200 Copied
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?

#139203 Copied
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.
#139213 Copied
Viewing 6 results - 1 through 6 (of 6 total)