WordPress.org

Ready to get started?Download WordPress

Forums

Hannari
[resolved] Text Darker (8 posts)

  1. BluedotProfits
    Member
    Posted 9 months 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 9 months 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
    Posted 9 months 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 9 months 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
    Posted 9 months 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 9 months ago #

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

  7. BluedotProfits
    Member
    Posted 9 months ago #

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

    Colin

  8. ProntoRIP
    Member
    Posted 6 months 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

    `

Reply

You must log in to post.

About this Theme

About this Topic