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 » Montezuma Theme »

[SOLVED] How to separate title and link color in posts?


  #1  
Old Apr 15, 2013, 01:44 AM
sergeiy
 
4 posts · Apr 2013
Hi, all, and big kudos to the developer(s) for a great theme.

I have a question about colors. I discovered that in the css files, the same setting controls the color of links in posts and the color of the post's title (I have disabled the dual title colors feature). What I want is to set them apart: I want the good ol' combination of blue links and black titles. Is there a way to get that done?

Thanks in advance!
  #2  
Old Apr 15, 2013, 07:15 AM
jerryc
 
367 posts · Oct 2012
Florida
Start here. There are several ways to do custom CSS. Of course, you can edit the CSS files. I prefer this approach. Juggledad would suggest adding your custom css to the last theme css file, clearfix.css. With either of the last two, your custom css is all in one place.
  #3  
Old Apr 15, 2013, 09:49 AM
sergeiy
 
4 posts · Apr 2013
Thanks a lot, but that still doesn't solve the issue (and I guess part of the problem is that I only learned css in bits an pieces, on a need-to-know basis, so I might just be missing the right code to insert).

But anyway, what Firebug tells me is what I suspected: the css code it goes to for the title is the code for links:

Code:
.hentry a {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #006699;
}
That's because, well, the title is contained in an <a> tag (it should be).

The code comes from posts.css, so far as I could see, and changing the color there changes it for links inside the post as well. All the heading styles (h1, h2, h3) already have a "color: #000;" line in their definitions (and they appear below the link definition).

So... what is it that I'm not getting?

Thanks again!
  #4  
Old Apr 15, 2013, 01:29 PM
sergeiy
 
4 posts · Apr 2013
Okay. Got it. Eventually what I did was set the link color in post.css to black and then edit the bits in content.css that were responsible for the thick underline under links on hover (removing this feature along the way and replacing it with something more to my liking) to have the blue color I want for links, and, in order for the post.css color not to override the instruction for links in general, add an !important tag to the color commands I edited in content.css.

Proper programmers reading this are probably pulling their hair at the thought of the mess I did, but it works all right...

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Link header images to separate pages andreapalframan Header configuration & styling 5 May 28, 2010 12:59 PM
[SOLVED] Sickly green link hover color in posts Nevada Scandalmonger Center area post/pages 2 Jan 2, 2010 03:35 PM
[SOLVED] I lost my link color on posts darmanpurba@gmail.com Page & Category Menu Bars 2 Aug 14, 2009 05:56 AM


All times are GMT -6. The time now is 10:57 PM.


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