I want to use the "More" feature in my posts, but the text color is the same as the normal text on the page. In other words it's hard to tell it's a link. Because I have another article on the page it looks like a single article. The link looks like this - Read the rest of this entry Anyone know how to change the link color? Thanks
Look for the class name or the ID of tag a of the "More", and write CSS for that. Like this: <style> .more { color:#FF0000; } </style> ---- Read <a href class=more>More</a>
Which file would I look at? My eyes must be playing tricks on me again I can't seem to find it. Might be the theme, there's 4 different css files which aren't very long. If I can't find it I'll try emailing the author. Hope it's not a Wordpress thing. Thanks
stop-smoking-help.org The More tag is in the middle of the page, as you can see it's really hard to tell if it's a link. Thanks
Ok, now you go to style.css at your current theme directory. find for: .post a { color: #000; text-decoration: none; margin: 0px; margin-left:-1px; } change it to: .post a { color: #499fff; /* light blue text-decoration: none; margin: 0px; margin-left:-1px; } --- You can change to other color if you want.
Sorry this the correct style: .post a { color: #499fff; /* light blue */ text-decoration: none; margin: 0px; margin-left:-1px; }
Hmmm... doesn't seem to change the color, tried it on stop-smoking-help.org It's a custom theme, maybe I'll try emailing the author. Thanks
Yes I changed style.css. But there's rebuild.css, reset.css and wp-css. The author must have done something else as well with the theme. Thanks
Hmmm.. it should work if you do the right ways. BTW if you want me to help please provide you user and password, i'll help you.
Appreciate the offer, but there's a WHOLE mess of addon domains that's associated with that login. But here's the code that I copied, somehow it's not transfering to the page. .widget ul, li { list-style-type:none; color: #fff; font-weight:normal; padding: 0px; margin: 0px; font-size: 1em; margin-left: 2px; } .post a { color: #499fff; /* light blue */ text-decoration: none; margin: 0px; margin-left:-1px; } } .post h2 { color: #000; font-size: 1.8em; font-weight: bold; padding: 5px 0px 5px; } .postmetadata a { text-decoration: underline; } .post-image { margin-right: 5px; } Thanks
Ah found the problem. Please look at your header.php look for this: <style type="text/css"> h3 { color: #FFFFFF; } body { background-color: #666666; color: #000000; } #page { background-color: #FFFFFF; } #header { background-color: #000033; } #headerimg a { color: #3D81EE; } #headerimg .description { color: #EEEEEE; } #nav { background-color: #000033; } #container { background-color: #006699; } #content { background-color: #FFFFFF; } #content h2 { color: #000000; } #footer { background-color: #000033; color: #EEEEEE; } .categories { color: #FFFFFF; } .categories .cat-item, a, ul, li { color: #FFFFFF; } .post a { color: #000000; } .post h2 { color: #000000; } </style> I just focus on CSS so i not see it before. The: .post a { color: #000000; } override the CSS. So you can change or delete it to use CSS settings.
Thanks for all the help, but one more question if I may. Not sure if you can figure this one out though. The author seems to have modified even that code to this: <style type="text/css"> h3 { color: <?php echo $slk_sidebar_text;?>; } body { background-color: <?php echo $slk_bg_body;?>; color: <?php echo $slk_center_text;?>; } #page { background-color: <?php echo $slk_bg_center;?>; } #header { background-color: <?php echo $slk_bg_header;?>; } #headerimg a { color: <?php echo $slk_header_title;?>; } #headerimg .description { color: <?php echo $slk_header_description;?>; } #nav { background-color: <?php echo $slk_bg_header;?>; } #container { background-color: <?php echo $slk_bg_sidebar;?>; } #content { background-color: <?php echo $slk_bg_center;?>; } #content h2 { color: <?php echo $slk_center_link;?>; } #footer { background-color: <?php echo $slk_bg_header;?>; color: <?php echo $slk_header_description;?>; } .categories { color: <?php echo $slk_sidebar_text;?>; } .categories .cat-item, a, ul, li { color: <?php echo $slk_sidebar_link;?>; } .post a { color: <?php echo $slk_center_link;?>; } .post h2 { color: <?php echo $slk_center_link;?>; } </style> Thanks
It looks you have theme setting pages? So i think you can use theme setting that provide by your author to change the color.