Using Different Font Colours in some places

thanasikala · October 2019

Hi there,

The website I am working on is https://www.clearviewaluminium.net.au/

Text colour is set to black for the website however in some parts I want to use different colours.

Sometimes I want to use white text on the blue background. How can I specify the different text colour in the column?

I want to change text colour on contact page in the blue section.

Also how would I specify different colour for the text in contact form?

Thank you.

Pablo · October 2019

Hello,

You would have to provide the Custom CSS code in the "Custom CSS" field while editing the page.

The CSS should affect all of the elements like p, h1, h2, h3 etc.

http://prntscr.com/piy681

About the Contact Form, you can change it in Theme Options > Colors > Forms

Thanks

thanasikala · October 2019

Hi thank you for the info.

Could you give me an example CSS code to change colour for a heading like h2 and an example for p.

Thank you.

Pablo · October 2019

I already explained how to catch it in other topic:

https://forum.muffingroup.com/betheme/discussion/comment/165424/#Comment_165424

But in this example, I shown how to catch the "#Subheader", but you can replace the "#Subheader" with "h1" or "p" tags.

Thanks

thanasikala · October 2019

Thank you very much, it worked well.

I'd also like to add that this method also works, using span styles

https://www.w3schools.com/tags/tag_span.asp

Is there a reason not to use this method as it appears to bee much easier?

Pablo · October 2019

Of course you can - but if you would like to change all of them, you will have to change separately, with Custom CSS code you will have to change only single string.

Thanks

thanasikala · October 2019

True, that's a good a point.

I've documented both methods, it's good to have options.

Once again, thanks Pablo.

Using Different Font Colours in some places

Comments