Need help? Check out our Support site, then


How to change font colour codes

  1. Hi there - I'm trying to figure out how to change the colour of the body text in my blog to a dark gray as a number of readers have told me they can't read it on their screens. I'm not sure where to find the code to do this and was wondering if someone could help me please?

    Many thanks indeed from Jo :)

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

  2. Gosh - I took a punt and just wrote "dark " in front of the word "gray" in my CSS stylesheet and it actually worked! I'm so not down with this technology milarky ;)

    One final question though which is related and I can't find an answer to in the forums. How to I change the colour of my headers and thr "continue reading" link on my blog please? When the mouse hovers over the headings they change to a blue colour but I wanted something in the pink genre, probably along the lines of fuschia but not too vivid so not to give my readers migraines!

    Thank you very much for any help you can be x

  3. Gosh - I took a punt and just wrote "dark " in front of the word "gray" in my CSS stylesheet and it actually worked! I'm so not down with this technology milarky ;)

    Nice work. You might also like: http://en.wikipedia.org/wiki/Web_colors

    I love your header image!

  4. How to I change the colour of my headers on my blog please?

    To change the post title color and hover color on the Pilcrow theme (both regular links as well as the hover color), try adding the following to your Appearance → Custom Design → CSS page:

    .entry-title,
    .entry-title a, {
        color: #EF77E1;
    }
    
    .entry-title a:focus,
    .entry-title a:active,
    .entry-title a:hover {
        color: #EF3BDE;
    }
  5. How to I change the colour of the "continue reading" links on my blog please?

    If you try the previous example by itself, or even if you add in selectors for content links, you may notice that there are several other places that link color is set in the Pilcrow theme. To find more of them, I looked at the original Pilcrow stylesheet and looked for any selectors with "a" or "a:hover" in theme where a color property is used. I copied all of the onces I could find and came up with this list for changing all of the link colors for the home page, posts, and pages from blue to pink:

    a,
    .entry-title,
    .entry-title a,
    .page-link a:link,
    .page-link a:visited,
    #footer #colophon a {
    	color: #EF77E1;
    }
    a:focus,
    a:active,
    a:hover,
    .entry-title a:focus,
    .entry-title a:active,
    .entry-title a:hover,
    .page-link a:active,
    .page-link a:hover,
    #footer #colophon a:hover {
    	color: #EF3BDE;
    }
    
    #footer #colophon a {
    	border-bottom: 1px solid #EF77E1;
    }
    #footer #colophon a:hover {
    	border-color: #EF3BDE;
    }

    Note that this should cover most links, but if you find any others along the way, you can convert them to pink by finding out what selectors are being used and adding them to the lists in the examples above.

    You may also find background colors or other things that need updating. For example, to change the light blue shading for comments where you have left a reply on one of your own posts, you can add a rule like this to your Appearance → Custom Design → CSS page:

    #comments li.bypostauthor > .comment-container {
    	background: #FFEFFD;
    }
  6. Thank you designsimply! I drew the artwork for my header myself and uploaded it as an image after taking photos of it :)

    As for answering my query - you've really gone above and beyond, thank you for predicting what my next questions might be as once I updated with the first stylesheet modification you suggested, I did think, "hmmm, needs more pink!" lol!

    I suspect I will always need to pop into the forums to ask for help as I'm not great at these programming type issues but when you say, you looked at the Pilcrow stylesheets and picked out the relevant bits to modify to produce pink titles and hovers, is this something I can find myself or is it because you are staff? I'm thinking of a few more tweaks I'd like to apply you see (once you start it's hard to stop!).

    And finally, apologies for taking so long to get back to you - I use my ipad for 90% of my blogging related activities but the app is woefully inadequate and even opening a full web page in safari only gives you some of the functionality you need. Hence I had to wait to get time to get to a PC to try out your fabby CSS modifications :)

  7. I suspect I will always need to pop into the forums to ask for help as I'm not great at these programming type issues but when you say, you looked at the Pilcrow stylesheets and picked out the relevant bits to modify to produce pink titles and hovers, is this something I can find myself or is it because you are staff?

    Anyone can see the see the stylesheets. To see a link for your blog's current theme stylesheet, go to Appearance → Custom Design → CSS and click the "View the original stylesheet" link.

    Also, zero apologies necessary—I love seeing the updates you're making, and I'm happy to help with CSS questions. I'm also interested in building up our community and working a lot more toward providing educational help (i.e. showing how to find what to update) as well as helping with solutions.

    Cheers! :)

Topic Closed

This topic has been closed to new replies.

About this Topic