Italic text changed color

  • Hi. Suddenly, across my entire site, every bit of text which is in italics has changed color from the normal text. It has become a faint grey which is virtually unreadable on the live site. I’ve only just noticed it but I fear it must have been like this for some time – I imagine it happened when I was doing something else and didn’t realise. Can anybody point me in the right direction to solve this problem? I’m sure there must be a means of requiring the same color to be maintained when Italics are selected. Thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Please provide a link to a page on your site where we can see this. Thanks.

    Thread Starter Tonymus

    (@tonymus)

    https://tonybiggin.com/biography/

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    This is in your theme’s CSS:

    .entry-content em {
    color: #333;
}

    So, add some CSS to override

    .entry-content em {
    color: ##8fe0da;
}

    To add CSS:

    • If you are using WordPress 4.7, use the “Additional CSS” option in the customizer.
    • If your theme has a custom CSS option, use that to add the CSS shown above.
    • If not, install the plugin Simple Custom CSS.

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter Tonymus

    (@tonymus)

    Thanks very much Steve. I’ve made progress but I’m not quite there yet…

    If I understand this, adding the code in the Additional CSS option overrides the original setting and should have changed the italic text colour to ##8fe0da which is the green on the normal text.

    I’ve done all that but it hasn’t made a difference so far.

    So I’ve looked at the site in Chrome and tried to understand the instructions but I’m now worrying about messing up as it looks quite complicated. I think this is the section I should be looking at but I don’t know what to change to make the italics the right colour:

    media=”all”
    body {
    background: #f1f1f1;
    color: #444;
    font-family: -apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,Oxygen-Sans,Ubuntu,Cantarell,”Helvetica Neue”,sans-serif;
    font-size: 13px;
    line-height: 1.4em;
    min-width: 600px;
    }
    post.phpmedia=”all”
    body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    }
    user agent stylesheetbody {
    display: block;
    margin: 8px;
    }

    Or perhaps I’ve misunderstood!

    Tony

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    All you need to do is add those 3 lines to your additional CSS and then clear cache. It appears you’re comet cache.

    Thread Starter Tonymus

    (@tonymus)

    Hmm. Still no go. I wonder whether one of my plugins is overriding the setting. I’ve got Easy Google Fonts, Jetpack, Akisment, Responsive Menu Pro and TinyMCE installed among others. Do you think it might be one of them?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    My bad… I typed ##8fe0da; when it should be #8fe0da;

    Thread Starter Tonymus

    (@tonymus)

    Fantastic! Many many thanks! As a musician I’d say you had it in D major when it should have been G major! That’s marvellous though. Can’t thank you enough.

    Tony

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Italic text changed color’ is closed to new replies.