Changing the color of the "More" feature?

Discussion in 'WordPress' started by bob25, Mar 5, 2010.

  1. #1
    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
     
    bob25, Mar 5, 2010 IP
  2. ceo.ahlul

    ceo.ahlul Peon

    Messages:
    57
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    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>
     
    ceo.ahlul, Mar 5, 2010 IP
  3. bob25

    bob25 Well-Known Member

    Messages:
    1,519
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    128
    #3
    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
     
    bob25, Mar 5, 2010 IP
  4. ceo.ahlul

    ceo.ahlul Peon

    Messages:
    57
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Can you tell me the URL? it will help me to tell you what to do.
     
    ceo.ahlul, Mar 5, 2010 IP
  5. bob25

    bob25 Well-Known Member

    Messages:
    1,519
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    128
    #5
    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
     
    bob25, Mar 5, 2010 IP
  6. ceo.ahlul

    ceo.ahlul Peon

    Messages:
    57
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    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.
     
    ceo.ahlul, Mar 5, 2010 IP
  7. ceo.ahlul

    ceo.ahlul Peon

    Messages:
    57
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Sorry this the correct style:
    .post a {
    color: #499fff; /* light blue */
    text-decoration: none;
    margin: 0px;
    margin-left:-1px;
    }
     
    ceo.ahlul, Mar 5, 2010 IP
  8. bob25

    bob25 Well-Known Member

    Messages:
    1,519
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    128
    #8
    Found it :)

    Call me chicken, but I'm going to test it on another blog first.

    Thanks
     
    bob25, Mar 5, 2010 IP
  9. ceo.ahlul

    ceo.ahlul Peon

    Messages:
    57
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    He2 good luck.
     
    ceo.ahlul, Mar 5, 2010 IP
  10. bob25

    bob25 Well-Known Member

    Messages:
    1,519
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    128
    #10
    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
     
    bob25, Mar 5, 2010 IP
  11. ceo.ahlul

    ceo.ahlul Peon

    Messages:
    57
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    BTW did you change the css, I check it but still same like before.
     
    ceo.ahlul, Mar 5, 2010 IP
  12. bob25

    bob25 Well-Known Member

    Messages:
    1,519
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    128
    #12
    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
     
    bob25, Mar 5, 2010 IP
  13. ceo.ahlul

    ceo.ahlul Peon

    Messages:
    57
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    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.
     
    ceo.ahlul, Mar 5, 2010 IP
  14. bob25

    bob25 Well-Known Member

    Messages:
    1,519
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    128
    #14
    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
     
    bob25, Mar 5, 2010 IP
  15. ceo.ahlul

    ceo.ahlul Peon

    Messages:
    57
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #15
    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.
     
    ceo.ahlul, Mar 5, 2010 IP
  16. bob25

    bob25 Well-Known Member

    Messages:
    1,519
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    128
    #16
    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
     
    bob25, Mar 6, 2010 IP
  17. ceo.ahlul

    ceo.ahlul Peon

    Messages:
    57
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #17
    It looks you have theme setting pages?
    So i think you can use theme setting that provide by your author to change the color.
     
    ceo.ahlul, Mar 6, 2010 IP
  18. bob25

    bob25 Well-Known Member

    Messages:
    1,519
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    128
    #18
    Good grief :rolleyes: gotta start reading those help files better. :eek:

    Thanks
     
    bob25, Mar 6, 2010 IP