• Resolved BluedotProfits

    (@bluedotprofits)


    Hi

    Thanks for the professional look created with your theme.
    I’m trying to make the themes entire text Darker.How do I go about this in your CSS style options box. I read somewhere that you can change the opacity in the JS files – but don’t want to venture this route if posilble – thanks – Colin

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter BluedotProfits

    (@bluedotprofits)

    I added this code to the CSS box:
    #content {
    color: #555555;
    }

    This only Darkens the text in the boxes under the nav bar and not the remaining content throughout the theme

    My site as a reference – https://www.bluedot.ie

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sounds like you need to get the selectors for each text element that currently has styling. How familiar are you with CSS?
    https://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

    Thread Starter BluedotProfits

    (@bluedotprofits)

    Hi

    I’m ok and using Chromes inspect element – I have just added this:
    .innerpage .pagecontent p {
    color: #555555;
    }

    and the page has changed to what is required.

    Is there a general CSS style that will style all the theme’s text or as you said you would need to style each text element?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Unfortunately not, it’s a case of combining little bits of code like this into one big style, e.g:

    .innerpage .pagecontent p,
    .readmorebtn,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    h1 a,
    h3 a,
    h4 a,
    h5 a,
    .title,
    .title a {
     color: #555;
    }

    Edde Poon

    (@partyforeplay)

    You will probably have to style each text element. Thats the fun with CSS

    Thread Starter BluedotProfits

    (@bluedotprofits)

    Ok – thanks for your help guys and for the ‘smashingmagazine link’

    Colin

    Thanks guys it was helpful.

    .innerpage .pagecontent p {
    color: #555555;
    }

    changes the content in Paragraph, but not if you have tables or bullet points on your page

    To make sure all the contents are changed on the page (excluding headings of course) directly change the color on innerpage

    `

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Text Darker’ is closed to new replies.