Change Content Block DEFAULT Font color.
Permalink
I'm sure this has been asked and answered, but I can't find a solution. So, apologies if this is a duplicate post.
Our client site (1st C5 site for us) is almost ready for Prime Time, the only nagging issue we have is with regard to the subject line.
We'd like to be able to change the default font color for Content Blocks. To this point, we have been changing it every time we add new content. We used the Elemental Theme to build this site as our client really liked it, so nothing out of the ordinary.
We've tutored our client on the process and although easy enough it seems to me that there ought to be a better way of doing this.
Any pointers or thoughts would be appreciated.
NB: we have fairly good programming skills and certainly are not afraid of getting our hands dirty.
Thanks to all.
Our client site (1st C5 site for us) is almost ready for Prime Time, the only nagging issue we have is with regard to the subject line.
We'd like to be able to change the default font color for Content Blocks. To this point, we have been changing it every time we add new content. We used the Elemental Theme to build this site as our client really liked it, so nothing out of the ordinary.
We've tutored our client on the process and although easy enough it seems to me that there ought to be a better way of doing this.
Any pointers or thoughts would be appreciated.
NB: we have fairly good programming skills and certainly are not afraid of getting our hands dirty.
Thanks to all.
G'day MrK, thanks for the prompt reply/tips.
Here is more intel:
1) I am using the Elemental Theme (C5 v8.10),
2) We are using our own .LESS clone of defaults.less, but see no settings in styles.xml or the .LESS file that corresponds to the text in a Content Block.,
3) We edit the Content Block and select the Text and apply Text Attributes etc.,
4) When in design mode, we have options to change Full Page Text (slider and footer etc),
5) When we change the Full Page color, it has no effect on the Content Blocks,
6) We even tried changing the Font/Color settings in Clonemental (native with no mods).
Same result, no place to change Content Block text attributes.
The site is still in staging and is inside our firewall on a private LAN, so having you "pop-in" won't work at this point.
Your offer to "dial-in" is greatly appreciated, I may be able to find some time to throw it up on a Public Server in the next day or so.
This is not a show stopper or critical, more of a "is there a better way" inquiry and we could live with it.
Here is more intel:
1) I am using the Elemental Theme (C5 v8.10),
2) We are using our own .LESS clone of defaults.less, but see no settings in styles.xml or the .LESS file that corresponds to the text in a Content Block.,
3) We edit the Content Block and select the Text and apply Text Attributes etc.,
4) When in design mode, we have options to change Full Page Text (slider and footer etc),
5) When we change the Full Page color, it has no effect on the Content Blocks,
6) We even tried changing the Font/Color settings in Clonemental (native with no mods).
Same result, no place to change Content Block text attributes.
The site is still in staging and is inside our firewall on a private LAN, so having you "pop-in" won't work at this point.
Your offer to "dial-in" is greatly appreciated, I may be able to find some time to throw it up on a Public Server in the next day or so.
This is not a show stopper or critical, more of a "is there a better way" inquiry and we could live with it.
@Nomadic
If you look through the Elemental theme, you will see that text is styled based on where it is in the page. An example would be the footer, where paragraph elements are dark grey and anchor elements are yellow green.
Other Examples:
elemental\css\build\content.less
elemental\css\build\header.less
elemental\css\build\footer.less
Are you looking to target text in Content blocks across the entire page or in certain areas of the page? I would recommend looking for the parent element that you are putting Content blocks in and using it to target your CSS styles.
If you look through the Elemental theme, you will see that text is styled based on where it is in the page. An example would be the footer, where paragraph elements are dark grey and anchor elements are yellow green.
Other Examples:
elemental\css\build\content.less
elemental\css\build\header.less
elemental\css\build\footer.less
Are you looking to target text in Content blocks across the entire page or in certain areas of the page? I would recommend looking for the parent element that you are putting Content blocks in and using it to target your CSS styles.
@MrKDilkington
I am trying to run tests on an Add-On I am creating and I wanted to see how it behaves on a dark background color. I am using Cloneamental as the active theme.
I am setting Design | Full Page | Text to change the default font color but it does not have any effect.
Changing the Full Page | Page Background, which I set to a dark grey, and the Headings | Heading 1–6, which I set to light colors to show up on the dark grey background both work fine.
I changed every text entry I could find in Design and nothing changes the normal text to be a light color like white or off white.
Just to be sure I did a clean install of v8.1.0 and Cloneamental but the results are the same.
I am trying to run tests on an Add-On I am creating and I wanted to see how it behaves on a dark background color. I am using Cloneamental as the active theme.
I am setting Design | Full Page | Text to change the default font color but it does not have any effect.
Changing the Full Page | Page Background, which I set to a dark grey, and the Headings | Heading 1–6, which I set to light colors to show up on the dark grey background both work fine.
I changed every text entry I could find in Design and nothing changes the normal text to be a light color like white or off white.
Just to be sure I did a clean install of v8.1.0 and Cloneamental but the results are the same.
@jfhencken
It looks like the default text color in Cloneamental/Elemental is #333 and is set in the theme
bootstrap-modified.css file.
The color is set on the body tag and is not very specific. You can override this in the theme or using Custom CSS.
Toolbar > Page Settings (gear icon) > Design > Theme > Customize > Custom CSS gear icon button
It looks like the default text color in Cloneamental/Elemental is #333 and is set in the theme
bootstrap-modified.css file.
The color is set on the body tag and is not very specific. You can override this in the theme or using Custom CSS.
Toolbar > Page Settings (gear icon) > Design > Theme > Customize > Custom CSS gear icon button
Yes, that works for me. Thank you.
How are you currently changing the font color of Content blocks?
There are setting available in the dashboard for changing text font color.
Toolbar > Page Settings (gear icon) > Design > Theme > Customize
A better approach is to set your colors in your theme CSS.
To get an example of what you are looking to style, what is the address of your website? I ask because there is likely another approach than to specifically target Content blocks.