Need help? Check out our Support site, then


Change Link Font Color in Chunk Theme

  1. How can I do this?

    The blog I need help with is mybigfatdivinecomedy.wordpress.com.

  2. The site linked to your username is wearing Koi. We need a link to the site you are talking about please.

  3. Could I swore I gave it! http://www.mybigfatdivinecomedy.com

  4. Having trouble finding links except for the site title and post titles, but this is the basic overall place links colors are set.

    a {
    color: #000000;
    }
    
    a:hover {
    color: #36BCAB;
    }

    This would be the "leave a comment" link at left of posts.

    .hentry .entry-meta .comments a {
    color: #36BCAB;
    }

    This would be the links in the footer.

    #footer a {
    color: #36BCAB;
    }

    Normally I would have combined some of those, but not know if you wanted to change all or some, I've listed them separately.

  5. Oops, I missed this one.

    .entry-title a {
    color: #666666;
    }
  6. Great! Some progress! Are there more codes to change these features?

    1. How do I get my Menu items to change color when I hover over them?

    2. How do I change my Website Title color when I hover over it?

    3. How do I change the Category (Blog - is the only category I have so far) color when I hover over it?

    4. How do I change the Blog Title color when I hover over it?

    5. How do I use colored font INSTEAD of underline to define a link in the body of a post?

    Thanks.

  7. #2 and 4 seem to be the same thing. Let me know if they aren't and explain further.

    Site/blog title hover.

    #site-title a:hover {
    color: #36BCAB;
    }

    Menu hover.

    #menu li:hover > a, #menu ul ul:hover > a {
    color: #444444;
    }

    Cat links hover.

    .hentry .entry-meta .cat-links a:hover {
    color: #36BCAB;
    }

    Body links: no underline separate color.

    .entry-content a {
    color: #CC0000;
    text-decoration: none;
    }
  8. Thank you beautiful man ... will let you know!

  9. You are welcome.

  10. Everything's coming together! Yeh! Couple more things:

    1. How do I add BOLD to this code so my links are in color in bold:

    Body links: no underline separate color.

    .entry-content a {
    color: #CC0000;
    text-decoration: none;
    }

    2. The titles of my "Latest" posts aren't changing color when I hover over them. What to do so they do?

    3. Why doesn't "HOME" on the menu on my Front Page change color - it DOES change color on my "LATEST" page?

    4. How do I change the color of my Subtitle background?

    5. How do I change the color of my Subtitle text?

    Thanks!
    Audrey

  11. 1. Just add the following to the .entry-content a

    font-weight: bold;

    2. A hover design was not set for the post titles, so you have to create one.

    .entry-title a:hover {
    color: #cc0000;
    }

    3. Because you are on the home page. The black color with no hover indicates the current page you are on. Clicking the home tab in the menu would just refresh the page since that is the page that you are already on.

    When you are on the "latest" page, then home will show a hover color, but "latest" does not. In that case, "latest is the current page.

    4. The background for the site description is actually a gradient although it is extremely subtle. The first hex color is the top color, and the second is the bottom color and the hex code at the end of the string is the backup color in case the visitor's browser does not support gradients.

    #site-description {
    background: -moz-linear-gradient(#F8F8F8, #EEEEEE) repeat scroll 0 0 #F1F1F1;
    color: #666666;
    }

    Use this for no color.

    #site-description {
    background: none;
    }

    Use this for a single color.

    #site-description {
    background: #CC0000;
    }

    5. that is the color declaration in #site-description above. Which ever of the three samples you choose above, just use that color declaration and edit the hex code.

  12. You're amazing. I haven't tried the Sub-title codes yet but everything else works beautifully!

    Can you tell me:

    1. What code do I use to make text smaller in a post, eg. "Copyright Audrey" (although I know I need to add a copyright paragraph at the bottom of the site) - I'd still like to know what the code is.

    2. How do I make the "Leave a Comment" smaller font?

    3. Is there someway I add Widgets "Archives", "Categories" to my Custom Menu?
    I mean, you being so amazing and all .... I don't really like them being in the footer ... If not the custom menu, can they be moved to the left sidebar? ... (holding my breath on this one ... :>)

    Audrey

  13. 1. For regular text in a post, you will have to do it through the HTML tab in the post editor by declaring a smaller size for the text using inline CSS. If you open your latest post, switch to the HTML tab and scroll to the bottom you will see this:

    <p style="text-align:right;">Copyright Audrey</p>

    Change it to this and then adjust the % file size as desired (I used % in this case because it is easier)

    <p style="font-size: 80%; text-align:right;">Copyright Audrey</p>

    2. In the below in your CSS, add a font-size declaration and adjust as desired (22 is original size).

    .hentry .entry-meta .comments a {
    color: #3951A9;
    font-size: 22px;
    }

    3. You can create an archives page using the archives shortcode and then add that page to your custom menu.

    Categories can also be added to the top navigation and you can do it as a dropdown. Each time you create a new category you will have to manually add it to the custom menu. It is not automatic. One suggestion is that if the number of categories climbs significantly, you may have to rethink having them all in the top navigation otherwise navigation might become cumbersome for your visitors.

  14. Oops, I forgot the link to the archives shortcode.

  15. Yippeee! I can't thank you enough. You made slapping together this website soooo easy!

    Thank You! Namaste!!!

  16. You are very welcome, and namaste to you.

  17. Hi again!

    Need help changing the look of quoted text. See:

    http://mybigfatdivinecomedy.com/2011/09/05/creating-our-new-reality/
    [Link updated by staff.]

    1. How can I change the color of the colored vertical bar?

    2. How do I change the text size of the quoted text?

    3. How do I make the background color of the quoted text the same color as my overall website background?

    Thanks!
    Audrey

  18. Hi! Could you make a new thread when you have questions that are separate from the original title of a thread? This thread title is "Change Link Font Color in Chunk Theme", so a new thread with a subject like "Need help changing the look of quoted text" would help keep threads on topic--and that makes them easier to read and easier to search for later.

  19. Also :) here's the CSS you can use to adjust the blockquote element in the Chunk theme. Adjust the colors to the ones you want:

    blockquote {
        border-left: 10px solid #123456;
        font-size: 15px;
        background: #fff;
    }

    * #123456 is a really dark blue. #fff is white.

  20. Thanks so much! Will do!

  21. andrewyeephotography
    Member

    im completely new to wordpress, i am using a chunk theme but would like to turn all the default green fonts into red...how would i do that?

  22. If you have the Custom Design upgrade, the following will change ALL links. You can edit the color code, it is just a reddish color I tossed in as a placeholder.

    a {
    color: #CC0000 !important;
    }
  23. andrewyeephotography
    Member

    thanks so much for responding. im going to upgrade it soon, but just havent yet...trying to use preview to see. is there way to not change ALL the links but just the ones in green? also, i want the links to turn grey when you hover over them, not green. is that possible the separate these colors?

    thank you for your help!

  24. andrewyeephotography
    Member

    let me clarify, im really sorry...the "leave a comment" link is all in green...i want to change all green links to grey, the same default grey as the theme, and when you hover over the links, for them to turn red. does that make sense? hope im not too confusing!

  25. You would have to search the existing CSS for #36BCAB and then for every instance of that put the selector into the CSS edit window and change the color. A quick peek says its in 9 locations. You then have to create a rule for each of those 9 instances where you set the hover color to red. Example:

    .entry-title a {
    color: #555555;
    
    .entry-title a:hover {
    color: #CC0000;
    }

    It is always a good idea to have links differentiated in some way so that people know they are links they can click on. If the non-hover color is the same as everything else, then no one will know they are links unless they just start swinging their mouse around with waiting for it to change to the hand cursor.

  26. andrewyeephotography
    Member

    yikes! i might have to upgrade first and just play around with it! looking at my page...do you have any suggestions for someone trying to display photography work? its a hobby of mine and would love a way to showcase some of the photos ive taken but im not a web design person, so im not sure how i could fully use wordpress to my advantage!

    i know im asking a lot, but id appreciate any feedback!

  27. I love the Duotone theme for photography, but it's a specialized theme designed to showcase one image per post and pull colors from it. It's great for a photo blog actually.

    I think Chunk looks great with your images. Nishita actually looks pretty amazing for showcasing photography. There are lots of other good ones too.

    If you like browsing around to see what spectacular things people on WordPress.com have setup (I love doing this!) then check out the photography tag at http://en.wordpress.com/tag/photography/ You might find some really great theme ideas and take in some cool photography at the same time.

Topic Closed

This topic has been closed to new replies.

About this Topic