Change color of social icons
Permalink
Hello,
I'm trying to change the color of the social icons from the default blue (at least in the Elemental theme) to and red orange (#d33612).
Any ideas?
Thanks
p
I'm trying to change the color of the social icons from the default blue (at least in the Elemental theme) to and red orange (#d33612).
Any ideas?
Thanks
p
Hi MrKDilkington,
Thanks.
But for some reason my customize theme panel is empty! I'm not sure why...It also seems to have disappeared for the original Elemental theme as well as my copied version which I'm using.
p
Thanks.
But for some reason my customize theme panel is empty! I'm not sure why...It also seems to have disappeared for the original Elemental theme as well as my copied version which I'm using.
p
Could you take a screenshot of the customize theme panel.
In the meantime, you can add the CSS directly to the theme.
Add the CSS to the bottom of main.less
themes\elemental\css\main.less
In the meantime, you can add the CSS directly to the theme.
Add the CSS to the bottom of main.less
themes\elemental\css\main.less
Thanks, yes managed to change the css in main.less and is now working.
Here's the screenshot of the theme customization panel
Here's the screenshot of the theme customization panel
I've never seen that before.
I believe it has something to do with the style presets.
I believe it has something to do with the style presets.
What do you recommend?
It's possible I made a mistake when copying the Elemental. Where does the information for the panel live?
It's possible I made a mistake when copying the Elemental. Where does the information for the panel live?
I just made a copy of Elemental to check and the customize panel is available.
For the "Customize" link to be available it appears you need:
1. a styles.xml file
css\styles.xml
- it needs defined presets or this code
2. a presets folder
css\presets
3. a default.less file in the presets folder
css\presets\defaults.less
- the defaults.less file can be empty
I would double check that you have those files available. In a future release, this won't be necessary to add custom CSS.
For the "Customize" link to be available it appears you need:
1. a styles.xml file
css\styles.xml
- it needs defined presets or this code
<?xml version="1.0"?> <styles version="1.0"> </styles>
2. a presets folder
css\presets
3. a default.less file in the presets folder
css\presets\defaults.less
- the defaults.less file can be empty
I would double check that you have those files available. In a future release, this won't be necessary to add custom CSS.
Thanks for this. Checked, but it seems I have all of the above installed and present.
It's not a massive deal that the customize theme panel doesn't show; just means I edit style in the code - at least that's the way I've been doing it up until now.
As I'm working on a copy of the Elemental theme will this rectify when I upgrade?
Cheers
p
It's not a massive deal that the customize theme panel doesn't show; just means I edit style in the code - at least that's the way I've been doing it up until now.
As I'm working on a copy of the Elemental theme will this rectify when I upgrade?
Cheers
p
When you upgrade concrete5, anything in the concrete folder will be overwritten.
A theme in application\themes or a packaged theme will be not be overwritten.
A theme in application\themes or a packaged theme will be not be overwritten.
In the Elemental theme the color of the social icons depends on where they are located.
If you want to override all other styling rules, so they are always be a specific color, then you can use this. I included a hover color, which you can change to whatever you need it to be.
This code can be added to your theme Custom CSS.
https://www.concrete5.org/documentation/using-concrete5-7/in-page-ed...