However, we are currently working on a new big update where you will be able to customize such things as the headings colors, font size, etc., so soon modifying them with CSS will not be necessary.
We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.
Cookies are small text files that can be used by websites to make a user's experience more efficient.
The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.
This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.
You can at any time change or withdraw your consent from the Cookie Declaration on our website.
Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.
Please state your consent ID and date when you contact us regarding your consent.
Comments
Just to be clear, it is the icons and titles in an icon box
Hi,
If you would like to change them only for a particular section, you will have to add a class to this section and write a custom CSS code for it.
If you need help with writing such CSS, please, add the custom class, and send a link to a page where you want to apply it.
Thanks
I would like to change the icon text in the orange section to #eaeaea and the icons themselves to #027d9e please
You did not add a class to this section, so please, do that, and use the following CSS code:
.exampleClass .icon_box i{ color: #027d9e; }I have added the exampleClass to your page with the Inspector.
Put this code in the Custom CSS section for that page.
Thanks
Sorry by adding a class, I'm not sure what you mean?
You should open section options, and add a class (you can name it however you want), like on the screenshot on this message:
Thanks
Got you! Didn't realise it could be anything you want. Thanks
I can see that you handle it. ?
I am glad I could help.
If there is anything else, I can help you with, please, let me know.
Thanks
Thanks :)
For other CSS code, is it easy to generate? Just so I don't have to contact you for the code to use each time.
For example, if I wanted to change the icon box headings for that section too?
I can see how to change these in inspect but it does it for the icon headings further up too.
The key is to locate a specific class/classes responsible for a particular element.
It requires some practice, you can read more about it under the following link:
https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors
However, we are currently working on a new big update where you will be able to customize such things as the headings colors, font size, etc., so soon modifying them with CSS will not be necessary.
Thanks
OK thanks for the information.
Could you please provide the icon box heading code?
New update sounds very helpful!
Here you go:
.Class1 .icon_box .title{ color: #fff!important; }Best regards
Thanks!