change font colour of header nav (plain yoghurt)
Permalink 1 user found helpful
Hi
I'm a complete novice at website building. I've built my site so far without any html or anything, just using concrete5 to add blocks, move them around etc. One thing I can't find a way to do is edit the font colour of the links in my header nav, in plain yoghurt theme they are very faint grey. I think I might need to do it by editing a css file (even though I don't really know what that is!). I understand a very very very tiny bit about editing html code having edited some a bit more my myspace page. So I reckon I can follow simple instructions if someone could explain for me? I'd be very grateful. I imagine this a pretty simple thing for someone who knows how!
This is my work in progress:http://www.jazzperfection.com - it's the links for home, about, contact, etc that I'd like to change the font colour for.
Thanks
I'm a complete novice at website building. I've built my site so far without any html or anything, just using concrete5 to add blocks, move them around etc. One thing I can't find a way to do is edit the font colour of the links in my header nav, in plain yoghurt theme they are very faint grey. I think I might need to do it by editing a css file (even though I don't really know what that is!). I understand a very very very tiny bit about editing html code having edited some a bit more my myspace page. So I reckon I can follow simple instructions if someone could explain for me? I'd be very grateful. I imagine this a pretty simple thing for someone who knows how!
This is my work in progress:http://www.jazzperfection.com - it's the links for home, about, contact, etc that I'd like to change the font colour for.
Thanks
Thanks, but I tried that. It works for changing the font colour of all the main text - but not the header nav links....
another more complicated answer is to go to /concrete/themes/default, copy it to /concrete/themes/default, and then make the css changes there in that style.css file
Go to your dashboard and go to "Pages and Themes"
Select the "Customize" button of the theme your using and click: Add Your CSS.
In blank textarea paste this code:
Last value is a color, in this code it's red.
You can change the color that you like,
there is color values:
http://www.w3schools.com/Html/html_colorvalues.asp...
Select the "Customize" button of the theme your using and click: Add Your CSS.
In blank textarea paste this code:
#page #header ul.nav-header li a,#page #header ul.nav-header li a:hover{ text-decoration:none; color:red;}Last value is a color, in this code it's red.
You can change the color that you like,
there is color values:
http://www.w3schools.com/Html/html_colorvalues.asp...
Thanks for the responses. I did what cssninja suggested and it worked perfectly :)
I didn't fully understand the answer from 12345j, but would still be interested to get a fuller explanation, as maybe if I understood it then it help to make some other basic changes without always having to ask for help!
I didn't fully understand about going to /concret/themes/default, or how to copy it, or where to.... or where I find the style.css file.
I didn't fully understand the answer from 12345j, but would still be interested to get a fuller explanation, as maybe if I understood it then it help to make some other basic changes without always having to ask for help!
I didn't fully understand about going to /concret/themes/default, or how to copy it, or where to.... or where I find the style.css file.
Hi there, excellent response! I was curious if a similar application could be used to change the font style in the Header Nav? I can customize the font colors within the general customization options of my theme, but can't figure out how to change the font to say, arial narrow. Many thanks for any information you care to provide!
@cssninja:
I cannot find "add css" option when going to Pages and themes/customize. Whne opening Customize it opns up a large window with some color customisation of the theme but not of the navigation lini colour. SO there is no add CSS button. COuld you pleas eget me more specific indication?
I cannot find "add css" option when going to Pages and themes/customize. Whne opening Customize it opns up a large window with some color customisation of the theme but not of the navigation lini colour. SO there is no add CSS button. COuld you pleas eget me more specific indication?
SOrry
I forgot to mention I am using INNOVATION theme. It looks like it shoudve been on top where all cusotmisationbuttons are but on this theme is missing. SO now my uoestion turns into: how to change the theme to add this button?
I forgot to mention I am using INNOVATION theme. It looks like it shoudve been on top where all cusotmisationbuttons are but on this theme is missing. SO now my uoestion turns into: how to change the theme to add this button?
Try this:
Dashboard/Pages-Themes/Themes/Customize/Header Logo
Then adjust color and save.
Worked for me.
Dashboard/Pages-Themes/Themes/Customize/Header Logo
Then adjust color and save.
Worked for me.
Quite simple. Go to your dashboard and go to "Pages and Themes". Select the "Customize" button of the theme your using and you will see options to change the links, background, etc and then update/save changes.
Should get you running the colours you want.
Bill