Change link colors « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Habitat

Change link colors

14 posts from 7 voices

Started 2 years ago by lcandito
Latest reply from Dude
This topic is not a support question

Tags:

lcandito
Member

How do you change the link colors please?

Posted 2 years ago #
Dude
Dude

Which links do you want to change? There are so many :)

Posted 2 years ago #
ninamychi
Member

Actually I wanted to ask how to change main navigation links in the top horizontal menu bar when you hover over a section and /and are on a particular page...eg if you are on "About" that menu link stays a burgundy colour and the rest remain grey.

Posted 2 years ago #
Dude
Dude
Add following code in style1/2/3.css:
```
#top .nav .current-menu-item a{
color: #C0C0C0;
font-weight: bold;
}

#top .nav a:hover{
color: #C0C0C0;
}
```
You can change the color to any value you like.
Posted 2 years ago #
ninamychi
Member

Thanks that worked great. How do I change the colour of all other sub-menus eg the page title that appears under the logo on the left. So if your page is called "About" and the hover has changed in the main navigation menu, I'd like the colour to change on the page title.

Posted 2 years ago #

James Morrison
Former Team Member

Hey,

For post titles, the colour can be adjusted in style1/2/3.css.

In style1.css the regular colour is:

/*primary color*/
h1,h2,h3,h4,h5,h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .siteheading, .siteheading a, .nav li a strong, a:hover, .entry-head a:hover, .tag_list a:hover{
color:#666;
}

and for hover states is:

/*secondary color*/
a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, siteheading a:hover, .nav li a span, .entry-head, .entry-head a, .tag_list a{
color:#96A1A6;
}

Just update the colours here which will affect all headings / titles.

James

Posted 2 years ago #

howardghost
Member

where is "style1/2/3.css"?

Posted 2 years ago #
Dude
Dude

These files are located in your themes folder. You'll find another folder called css there.

Posted 2 years ago #
howardghost
Member

sorry to be thick...

I go to APPEARANCE | THEMES... it's in there? I can't find anything

Posted 2 years ago #
Dude
Dude

You need to use a ftp software like filezilla to modify and upload your style1/2/3.css go to your website root folder root/wp-content/themes/avisio/css/style1/2/3.css

Please download your stylesheet and open it with a text editor. Then you can make the changes above.

Posted 2 years ago #
funluca
Member

I wanto to change the color of Posts Title but if I change the code in /*primary color*/
and in /*secondary color*/ it change only the rollover! Can U HELP ME!
Thanks

Posted 2 years ago #
Dude
Dude

Can you post a link to your website please so that I can investigate the css code first hand. Thanks.

Posted 2 years ago #
o0o
Member

Hi, changing the color of the post titles within style1/2/3.css (/*primary color*/) didn't work out. Maybe because it's overwritten by the settings within wp? I use habitat "minimal" (is that style1.css?). Thanks for any suggestions.

Posted 1 year ago #
Dude
Dude
Try to add an important attribute like:
```
.nav li a span, .nav li a strong{
color:#96A1A6 !important;
}
```
to your color values.
Posted 1 year ago #