Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

New font styling?


  #1  
Old Jan 27, 2012, 12:53 PM
kristal
 
32 posts · Feb 2010
I added in some html to the header area, and I'm trying to style my links there differently than the links on the rest of my site. No matter what I try, the link styling in the atahualpa settings are overriding it. I've tried putting <span> around the links, tried using css, and even tried putting "important" in the css. Here is what I have in my css right now for them:

Code:
.topcats a:link {
font-weight: normal !important;
color: #353535 !important;
}

.topcats a:hover {
font-weight: normal !important;
text-decoration: underline !important;
color: #98A09E !important;
}

.topcats a:active {
font-weight: normal !important;
text-decoration: underline !important;
color: #98A09E !important;
}
As you can see on my site: http://www.kristalnorton.com/ The text is still blue, but it should be grey. The hover function seems to be working, but the active link function isn't. What am I doing wrong? TIA!
  #2  
Old Jan 27, 2012, 01:21 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
It all looks good to me except for I think you may misunderstand what active means. Active is the styling that applies when you click on a link. You are probably going to have to add the page id to the menu selector to have the current menu show up differently. It might look something like
HTML Code:
body.page-id-8 .topcat a
for the About page for instance.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jan 27, 2012, 01:26 PM
kristal
 
32 posts · Feb 2010
Yeah, I wanted it to stay grey once you clicked on it, so you're saying I should put
Code:
body.page-id-8 .topcats a:active {
font-weight: normal !important;
text-decoration: underline !important;
color: #98A09E !important;
}
for each page?

Also, I wanted the links to be a grey #353535, which I have in the css, but its showing up the blue that I have in the atahualpa link default color.

Thanks for your help
  #4  
Old Jan 27, 2012, 01:31 PM
kristal
 
32 posts · Feb 2010
I just checked in another browser, and its all messed up in IE.. some of it is bold as well as blue (like my default atahualpa links)
  #5  
Old Jan 27, 2012, 02:25 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Forget that last suggestion. I just realized that won't work for what you want. I was just trying to throw out ideas and thinking too fast. What happens if you just change the colors in the Atahualpa settings?

If that doesn't work it seems like it will get more involved with putting each link in its own class or id and then styling that class or id along with the id selector for that page.

I wish I could go into more detail but I hope this points you in the right direction.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] styling font for the words &quot;name&quot; &quot;email&quot; etc. in comment area jillin Comments, trackbacks & pings 2 Dec 16, 2010 09:13 PM
Styling a dropdown menu - font color horsemansarts Header configuration & styling 1 Dec 16, 2010 08:37 PM
How do I change the font color of the post/pages font and the title font? GreenEyedMonst Center area post/pages 0 Jan 16, 2010 02:06 PM
Styling the comments area title font, form field and label font, and form field sizes jkintzele Comments, trackbacks & pings 5 Nov 10, 2009 09:18 AM
[SOLVED] Child pages font size and styling - browser issue? neska0209 Page & Category Menu Bars 2 Jul 14, 2009 08:13 AM


All times are GMT -6. The time now is 10:47 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.