color of font in main header (title) of a page
-
Okay, try the following and see if this works:
#pagetabs li.page-item-45 a {color: red;}
#pagetabs li.page-item-45 a:hover {color: red;} -
To each person who helped with my question – THANK YOU!
singularcontiguity – it worked!!!
If you read the Warning itself, you will see why I was tenacious about getting it on my site – In RED – where noboby will miss it –
http://discoverandrecover.wordpress.com/
Thanks again.
This might save a life!Duane
-
-
singularcontiguity,
people have been emailing me – telling me the red in the warning looks too bright
is there a burgundy or red that is a bit lighter?http://discoverandrecover.wordpress.com
duane
-
Here:
http://www.w3schools.com/html/html_colornames.aspcross-browser colours. Just change the “red” in your CSS stylesheet to any other one you like.
-
The link boblets gave is a good resource if you’re looking at playing much with colors. For your current goal, you might want to consider using
color:#7f1d1d;since that’s a red color that’s already used in that theme. It will look significantly better. -
singularcontiguity, et al –
the color took,
it is easier on the eyes, and gets the job done, i thinkhttp://discoverandrecover.wordpress.com/
thank you so much!
duane
-
I changed the theme, and now the color won’t change.
Trying to change “Warning: Medication Withdrawal” to Yellow.It won’t take.
The blog is
http://discoverandrecover.wordpress.comUsing this:
#pagetabs li.page-item-45 a {
color:yellow;
}#pagetabs li.page-item-45 a:hover {
color:yellow;
} -
Every theme’s CSS is different. If you are using Firefox, you should install the developer’s plugin and then you can view the elements in your CSS. I’m not sure how much you learn about CSS if someone just gives you the answer.
Looking at the elements, it looks like the name is
li .page_item page-item-45but I don’t know CSS well enough to tell you what the anchor (if that is even the proper term) is. -
-
-
Took it
Then it droppedSecond line keeps pulling in the word ‘hover’, and it won’t stay locked in.
What can I do?
Duane
-
No idea. I still say you need to become familiar with the CSS of the theme that you are using. The area of the code that deals with that section is`#nav { width: 100%; border-top: 4px solid #222; border-bottom: 2px solid #222; float: left; }
#nav ul { list-style: none; }
#nav li { float: left; }
#nav li a, #nav li a:visited { display: block; height: 3.0em; padding: 0 1.2em; line-height: 3.0em; color: #222; text-decoration: none; font-size: 1.4em; text-transform: uppercase; letter-spacing: .3em; float: left; cursor: pointer }
#nav li a:hover { color: #fff; background: #222; text-decoration: none; }
#nav li.current_page_item a:link, #nav li.current_page_item a:visited { background: #222; color: #fff; cursor: default; }`
-
And it did it again :( I can’t figure out why the posts don’t always accept my backticks. Trying one more time. The relevant section of the CSS:
#nav { width: 100%; border-top: 4px solid #222; border-bottom: 2px solid #222; float: left; } #nav ul { list-style: none; } #nav li { float: left; } #nav li a, #nav li a:visited { display: block; height: 3.0em; padding: 0 1.2em; line-height: 3.0em; color: #222; text-decoration: none; font-size: 1.4em; text-transform: uppercase; letter-spacing: .3em; float: left; cursor: pointer } #nav li a:hover { color: #fff; background: #222; text-decoration: none; } #nav li.current_page_item a:link, #nav li.current_page_item a:visited { background: #222; color: #fff; cursor: default; } -
-
Vivianpage,
I think it’s okay now – not sure why.
Anyway, thank you very much for your help.Duane
- The topic ‘color of font in main header (title) of a page’ is closed to new replies.