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

 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi PJSAndo,

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.
.ccm-block-social-links a {
    color: #D33612 !important;
}
.ccm-block-social-links a:hover {
    color: #D38612 !important;
}

This code can be added to your theme Custom CSS.
https://www.concrete5.org/documentation/using-concrete5-7/in-page-ed...
PJSAndo replied on at Permalink Reply
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
MrKDilkington replied on at Permalink Reply
MrKDilkington
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
PJSAndo replied on at Permalink Reply 1 Attachment
Thanks, yes managed to change the css in main.less and is now working.

Here's the screenshot of the theme customization panel
MrKDilkington replied on at Permalink Reply
MrKDilkington
I've never seen that before.

I believe it has something to do with the style presets.
PJSAndo replied on at Permalink Reply
What do you recommend?

It's possible I made a mistake when copying the Elemental. Where does the information for the panel live?
MrKDilkington replied on at Permalink Reply
MrKDilkington
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
<?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.
PJSAndo replied on at Permalink Reply
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
MrKDilkington replied on at Permalink Reply
MrKDilkington
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.