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

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


  #1  
Old Apr 15, 2013, 12:44 AM
sergeiy
 
4 posts · Apr 2013
[SOLVED] How to separate title and link color in posts?

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, 06: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, 08: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, 12: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 11:59 AM
[SOLVED] Sickly green link hover color in posts Nevada Scandalmonger Center area post/pages 2 Jan 2, 2010 02:35 PM
[SOLVED] I lost my link color on posts darmanpurba@gmail.com Page & Category Menu Bars 2 Aug 14, 2009 04:56 AM


All times are GMT -6. The time now is 04:41 AM.


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