Viewing 15 replies - 1 through 15 (of 25 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 vanodyssey

    (@vanodyssey)

    Site is not live yet, I ave a coming soon page… i can’t seem to link images here… It usually works with them tiny pic images???

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    I can see your images, but I want to be able to use the browser’s inspector tool to see the CSS, etc. Images are not helpful.

    Thread Starter vanodyssey

    (@vanodyssey)

    Ah..

    http://www.therebelism.com

    Mucho Gracias.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    All I see is a coming soon page. πŸ™

    Thread Starter vanodyssey

    (@vanodyssey)

    I did say that πŸ™‚

    I will take it off now for you… Thanks again for your time!

    If you go to the about page… You willl se the text in question.. one is black (which looks right) and one is grey).

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    The lower one is a standard <p>, with this CSS:

    p {
        font-size: 15px;
        font-family: "Nunito Sans", sans-serif;
        color: #8c9597;
        line-height: 25px;
        margin-bottom: 1.5em;
        font-weight: 400;
    }

    The first one is black because your theme sets black as the color of the first <p> block in your content area:

    .page .entry-content p:first-of-type {
        color: #001936;
        border-bottom: 1px dotted #bababa;
        padding-bottom: 20px;
    }

    So, I’d try this:

    p .entry-content {
       color: #001936;'
    }

    To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

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

    As this is set by your theme, I recommend asking if there’s a way to tell the theme not to do that at https://wordpress.org/support/theme/newspaper-x#new-post so the theme’s developers and support community can help you with this.

    Thread Starter vanodyssey

    (@vanodyssey)

    Oh right, so how it is – is how it is meant to be???

    Should I just leave it?

    Doesn’t looks as good to me??

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Ask the developers of your theme.

    Thread Starter vanodyssey

    (@vanodyssey)

    OK this code, do I just insert it in the CSS at the bottom of the page??

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

    Thread Starter vanodyssey

    (@vanodyssey)

    Where do I put thid..

    p .entry-content {
    color: #001936;’
    }

    So it is applied to the whole site?

    Thread Starter vanodyssey

    (@vanodyssey)

    I am just a bit worried I am going to put this code in CSS and mess it all up??

    I am unsure that the greyed out text looks any good… Well No, it doesn’t…

    I just add that code in the CSS box and boom the whole site or just that page?>?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    If will have site-wide effect.

    Note: i see a typo in my original reply. Use this CSS instead:

    p .entry-content {
       color: #001936;
    }
    Thread Starter vanodyssey

    (@vanodyssey)

    Sod it, let’s give it a go!

Viewing 15 replies - 1 through 15 (of 25 total)

The topic ‘Different fonts..’ is closed to new replies.