Public Forums 71,145 posts

[farmaticus Friend farmaticusJoin date: May 2015Posts: 2Downloads:0Uploads:0]

#206677

(noob question) i would like to know if it’s possible to change the color of the main menu text. (purity 3)

thanks.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#571981

Hi there
Yes , you can do that with css.

Thank you,
Viet Vu

[farmaticus Friend farmaticusJoin date: May 2015Posts: 2Downloads:0Uploads:0]

#571985

were can i find that file in the template?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#572069

Your site is password protected . . . can you provide temporary login info so we can best assist you?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#737109

Your site is password protected . . . can you provide temporary login info so we can best assist you?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#572070

You can also try this . . . .

If you haven’t yet done so, create a new file called “custom.css” within file path –> /templates/purity_iii/css/

within that custom.css file, paste the following CSS rule:


.navbar-default .navbar-nav > li > a {
color: #bbe6ff;
padding: 20px;
text-transform: uppercase;
}

Depending on how you want to modify your main navigation font, this is the rule you can customize. For example, you can add a “font-family” property to change the font … or a “font-weight” property to change the boldness … or a “font-size” property to change the size of the font.

Here are a couple of additional informational resources to assist you . . .

http://www.w3schools.com/css/css_font.asp

https://css-tricks.com/almanac/properties/f/font-style/

1 user says Thank You to TomC for this useful post

1. griong

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#737110

You can also try this . . . .

If you haven’t yet done so, create a new file called “custom.css” within file path –> /templates/purity_iii/css/

within that custom.css file, paste the following CSS rule:


.navbar-default .navbar-nav > li > a {
color: #bbe6ff;
padding: 20px;
text-transform: uppercase;
}

Depending on how you want to modify your main navigation font, this is the rule you can customize. For example, you can add a “font-family” property to change the font … or a “font-weight” property to change the boldness … or a “font-size” property to change the size of the font.

Here are a couple of additional informational resources to assist you . . .

http://www.w3schools.com/css/css_font.asp

https://css-tricks.com/almanac/properties/f/font-style/

1 user says Thank You to TomC for this useful post

1. griong

[Author]

Posts