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
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?
http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
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;
}
You will probably have to style each text element. Thats the fun with CSS
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
`
