Social Share colour

This topic has 8 replies, 3 voices, and was last updated 7 years by 5high-photohub.

Author

Tagged: background color, social share
February 9, 2016 at 05:55 #102825

vineshare
Participant

Hi,

I cant seem to change the background colour to the social share “share this” section at the bottom of my site,

vineshare.com.au

I want it to be black background with orange or white writing.

I have fiddled around with appearance settings and have all backgrounds to black but nothing is working.

Please let me know where I can change these settings.

Thanks!
February 9, 2016 at 15:20 #102879

sharmstr
Moderator
You can try this
COPY CODE
```
.share-links span a {
    color: #fff !important;
}
.share-links .hr-title {
    color: #fff !important;
}
section.main-color.container-wrap.social-share-wrap {
    background-color: #000 !important;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
February 10, 2016 at 05:23 #103049

vineshare
Participant

OK great thanks.
Also, is there any way of moving the “SHARE THIS” section.
See attached screen shot of where I want to move it.

Thanks,

Attachments:
You must be logged in to view attached files.

February 10, 2016 at 05:38 #103054

sharmstr
Moderator

There isnt a shortcode for the social share, so cant move it there.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

February 10, 2016 at 09:24 #103067

vineshare
Participant

Ok thanks.
Is there any chance of that improving for the next theme update.
If so it would be a great addition.
Cheers,

February 10, 2016 at 13:52 #103091

sharmstr
Moderator

I’ve submitted the code to the developers. Not sure if it will be included in the next release since its due out any day and they have been working non-stop to get it released. And before you ask, no I cant give you the code 🙂 There’s a ton of it to make it work. You’ll have to be patient.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

February 10, 2016 at 14:11 #103098

vineshare
Participant

All good. Thank you!

May 10, 2017 at 04:29 #160880

5high-photohub
Participant

Thanks – just what I was looking for too!
May 10, 2017 at 04:55 #160881

5high-photohub
Participant
O oh! Spoke too soon…
Can you check this code for me? as it doesn’t seem to work:
COPY CODE
```
section.main-color .container-wrap .social-share-wrap {
background-color: #efefef !important;
}
```
I’m adding it into a specific page, but no change. I’ve tried with and without section in it = no effect and in different browsers in case mine was caching the original = no change. And that’s the only css I can find relating to the social share area.

Thanks j
Author

Posts