WordPress.org

Forums

Hannari
[resolved] Text Darker (8 posts)

  1. BluedotProfits
    Member
    Posted 1 year ago #

    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

  2. BluedotProfits
    Member
    Posted 1 year ago #

    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 - http://www.bluedot.ie

  3. Andrew
    Forum moderator & snail smusher
    Posted 1 year ago #

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

  4. BluedotProfits
    Member
    Posted 1 year ago #

    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?

  5. Andrew
    Forum moderator & snail smusher
    Posted 1 year ago #

    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;
    }
  6. Edde Poon
    Member
    Posted 1 year ago #

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

  7. BluedotProfits
    Member
    Posted 1 year ago #

    Ok - thanks for your help guys and for the 'smashingmagazine link'

    Colin

  8. ProntoRIP
    Member
    Posted 1 year ago #

    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

    `

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic