• Resolved mikeflynn08

    (@mikeflynn08)


    Anyone know the CSS to change the text colour in the navigation bar?

    Also, is there a way to change the background colour of the posts on the blog page?

    And finally is there a CSS code for changing the header title font to make it bold or add a shadow? We changed the header font using – header {Font-family: “Papyrus”;} – but for some odd reason the font-weight doesn’t not work.

    Also does anyone know how to have it so that the page you are on in the menu highlights in a different colour?

    Many thanks

    Mike

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hey Mike, here’s an overview for how to find the CSS for your theme, and it can likely help: https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

    It looks like you may have already changed the menu color. For the drop shadow, you can use something along these lines:

    #masthead .site-title a, #masthead p.site-description {
        text-shadow: 2px 2px 2px black;
    }

    Hoping that helps!

    Thread Starter mikeflynn08

    (@mikeflynn08)

    Thanks for that it was very helpful. I have changed a few things, but cannot work out the following:

    I have changed the post backgrounds – however part of it has remained white – what would the coding be to change this also?

    I cannot seem to work out how to change the post title colours – everything I have tried doesn’t work – what coding do I need to change this?

    Finally – the links that I have in my posts are a really dark colour – what coding would I need to set this?

    Unfortunately my coding is very basic, which is why I cannot seem to figure these ones out.

    Thanks so much for all of your help in this – especially with this theme, as everything I know seems to not work in this one, but we really want to keep this theme as it works the best.

    Kind regards
    Mike

    I have changed the post backgrounds – however part of it has remained white – what would the coding be to change this also?

    You can use this:

    body:not(.single) .format-standard {
      background-color: #212121;
    }

    I cannot seem to work out how to change the post title colours – everything I have tried doesn’t work – what coding do I need to change this?

    Use this:

    .entry-header .entry-title a {
      color: white;
    }

    Finally – the links that I have in my posts are a really dark colour – what coding would I need to set this?

    This will make in-post links the same color as the category links at the top, and of links in your sidebar widgets:

    .entry-content a {
      color: lightskyblue;
    }

    You can substitute the color values themselves with whatever you want.

    Thread Starter mikeflynn08

    (@mikeflynn08)

    Thank you so much for these – they all worked perfectly. You are an absolute legend 🙂

    Thread Starter mikeflynn08

    (@mikeflynn08)

    @kokkieh – I have just noticed that the below has only worked for the main blog page and not for the other pages that I have:

    body:not(.single) .format-standard {background-color: #212121;}

    Could you possibly advise on what I would need to add to fix the pages also?

    Thanks so much for your help.
    Kind regards
    Mike

    Replace that code with this instead:

    body:not(.single) .format-standard, .single #primary article.post, .page #primary article.page {
      background-color: #212121;
    }
    Thread Starter mikeflynn08

    (@mikeflynn08)

    Absolute star – thank you soooo much 🙂

    Glad I could help 🙂

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Help with CSS code’ is closed to new replies.