Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] A way to style links in headers differently from links in body text?


  #1  
Old Sep 15, 2013, 04:22 PM
dabeed
 
28 posts · Nov 2012
For example, I'd like to have links in body text be bold and blue, but I'd like the titles of blog posts (which are links) not to be blue.

I've been syling links through ATO > Body, Text, & Links > Link Default Color and Link Hover Cover, but this affects all links everywhere.
  #2  
Old Sep 15, 2013, 04:56 PM
juggledad's Avatar
juggledad
 
23,687 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You will need to add some CSS in the ato->add HTML/CSS Insert->CSS Inserts option to style one of the two areas differently. You could try something like
HTML Code:
#header a {color: red;
  #3  
Old Sep 17, 2013, 12:03 AM
dabeed
 
28 posts · Nov 2012
Thank you! I tried that exact code and it works for the site/blog title (and presumably everything else that's a link in the #header). I tried

Code:
h2 a {
color: red;
}
but that didn't work (it had no effect). Any suggestions?
  #4  
Old Sep 17, 2013, 04:11 AM
juggledad's Avatar
juggledad
 
23,687 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
there are many places in the theme options you can style links, the footer, the sidebars the links in posts. You need to go thru the various options to see what is avaiable.

However if you want all the header links one color and the rest another you could try adding this to the 'CSS Inserts' option
HTML Code:
a {color: green !important;}
#header a {color: red !important;}
  #5  
Old Sep 18, 2013, 06:03 PM
dabeed
 
28 posts · Nov 2012
Thanks, this helped: Adding
Code:
!important;
did the trick, clearly overriding something else (I don't understand what was overridden, but it worked).

What I wanted to do was slightly different, though: I wanted to make all the h2 links a certain color. Meaning when the entire h2 is linked (as opposed to individual words), as on the blog main page, when blog post titles (h2s in my setup) are linked.

Here's the code that does that, for those who need it:
Code:
h2 a {color: black !important;}

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to make links in widgets apply to overall Body, Text & Links settings? BertL Sidebars & Widgets 3 Mar 15, 2013 12:44 PM
Can't style links in Body, Text, & Styling tglass118 Atahualpa 3 Wordpress theme 8 Dec 4, 2011 05:28 PM
body,text & links (background image) ahliam Center area post/pages 3 Oct 28, 2010 08:13 AM
[SOLVED] style some links differently... Jeff G Center area post/pages 9 Aug 7, 2010 10:48 AM
Making visited links format differently from unvisited links mgmoore Atahualpa 3 Wordpress theme 0 Jul 25, 2009 09:07 PM


All times are GMT -6. The time now is 11:22 PM.


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