WordPress.org

Ready to get started?Download WordPress

Forums

Blockquote- lighter gray text? (20 posts)

  1. mattnaugle2
    Member
    Posted 9 years ago #

    The regular text of my posts are black, and I want to have the text be indented and a somewhat lighter gray color. I tried:

    blockquote {
    border-top: 0px solid #FFFFFF;
    border-bottom: 0px solid #FFFFFF;
    border-left: 0px solid #FFFFFF;
    border-right: 0px solid #FFFFFF;
    color: #BFC1C7;
    margin-left: 0em;
    padding-left: 0px;
    background-color: #FFFFFF;
    font-family: 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
    }

    But the text isn't any lighter? What did I do wrong?

  2. Roar
    Member
    Posted 9 years ago #

    which design are you using?

    In Kubrick, the color of the text for the blockquote is in this piece of the CSS file

    small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #333;
    }

    *note: I could be wrong, but it might be something for you to try.*

  3. dawg
    Member
    Posted 9 years ago #

    to make that a lot less / shorthand

    border: 1px solid #fff; oh I just noticed you have 0 px that is a lot of code wasted to do nothing

  4. mattnaugle2
    Member
    Posted 9 years ago #

    My blog is http://www.ohioforblackwell.com/blog

    The template I used is this: http://www.alexking.org/software/wordpress/styles/sample.php?wpstyle=wp_new and changed a lot of it.

    Blockquote wasn't even in the original style sheet.

    In addition, How can I change the font of the menu links, but not of the post links?

    Many thanks :-)

  5. mattnaugle2
    Member
    Posted 9 years ago #

    Thank you dawg- I will make those changes, but nothing I do seems to make the font lighter.

  6. dawg
    Member
    Posted 9 years ago #

    use a color picker for the shade of gray you want, I do not know what color you want but the color that seems to dictate is #D10000 for your catagories.

    This is the link color from your main css that is in the sidebar because you have not specified a color there #929191

  7. mattnaugle2
    Member
    Posted 9 years ago #

    What? Sorry but I don't understand

  8. dawg
    Member
    Posted 9 years ago #

    929191 is the color of your links in the side bar, the red color in your sidebar is D10000, The D10000 is in the correct css however the 929191 is the color of any link that will be used anywhere on your site, but you can change this by simply adding the color of your choisce to the correct menu div

  9. mattnaugle2
    Member
    Posted 9 years ago #

    So if I wanted to have the menu links be white, I would change it somewhere in here?:

    /* Menu styling */
    #menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
    margin: 0;
    padding: 0;
    }

    #menu ul {
    margin: 10px 0 5px 10px;
    padding: 0;
    color: #D10000;
    list-style-type: none;
    font: 12px palatino, georgia;
    }

    #menu ul li ul {
    margin: 0 10px;
    padding: 0;
    }

    #menu ul li ul li {
    margin-top: 2px;
    }

    #menu #categories, #menu #search, #menu #archives, #menu #other, #menu #meta, #menu #style {
    padding-top: 10px;
    }

  10. Mark (podz)
    Support Maven
    Posted 9 years ago #

    To the original css, try a p

    blockquote p {
    color: #ccc;
    }

  11. dawg
    Member
    Posted 9 years ago #

    #menu ul li ul {
    margin: 0 10px;
    padding: 0;
    }

    #menu ul li ul li {
    margin-top: 2px;
    }
    try color:#fff; in either one of those and that should do it

    the #d10000 is the red color you see. ie navigation blogroll et cetera

  12. mattnaugle2
    Member
    Posted 9 years ago #

    Thanks, podz- That works perfectly!

    Dawg, I'm not sure where to insert the color:#fff- I've tried it in the two parts that you posted and they both don't work. Where exactly should I insert it?

  13. dawg
    Member
    Posted 9 years ago #

    To be sure I am not even sure what you are trying to do now, as you say white links ie #fff but you had everything long hand for 0px, my mind is drawing a blank to what you want, I thought you wanted white links but they are grey #929191 the overall color of links from your page Hmm???

  14. mattnaugle2
    Member
    Posted 9 years ago #

    I sincerely apologize. I'm trying to have all of the links on the right column be white, while keeping the rest of the site as-is.

  15. dawg
    Member
    Posted 9 years ago #

    Then this will do it #menu a:active {color:#fff;}

  16. mattnaugle2
    Member
    Posted 9 years ago #

    I took out

    #menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
    margin: 0;
    padding: 0;
    }

    And replaced it with what you gave me, and nothing happened. What am I doing wrong?

    Thank you

  17. dawg
    Member
    Posted 9 years ago #

    You were only suppose to add the white color to this, not take anything out #menu a:active Do you have FF?

  18. dawg
    Member
    Posted 9 years ago #

    Your css is a mess, you have four sets of inline styles.

    At the top of your menu styling youhave this

    #menu a:link, #menu a:visited, #menu a:hover, #menu a:active {

    margin: 0;

    padding: 0;

    } now just add color:#fff; to it if you have FF and wed developer ex you can see what I mean before you apply any changes permantly

  19. dawg
    Member
    Posted 9 years ago #

    #menu a:link, #menu a:visited, #menu a:hover, #menu a:active {color:#fff; /*This right here*/
    margin: 0;
    padding: 0;
    }

    Just like I said before
    Then this will do it #menu a:active {color:#fff;}

  20. dawg
    Member
    Posted 9 years ago #

    I see you changed the css but you forgot the ; semi colon; after so that is why the white does not show!!!!!

    just add the ; after fff so it is like this fff; and it will work

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.