Change social bar colour

Hello all!

So, i would like someone to help me with this question:
Is there a possibility to change the background colour of the social icons bar in the homepage as i can see here?
http://demo.athemes.com/themes/?theme=Sydney

Should i write some css code at Custom CSS Plugin or i can do it from customizer??

Hello @stezach,

Please edit page, edit row that contains Sydney FP: Social Profile widget (click on the wrench button), expand Design section, change Background Color and save changes.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hello @Roman,

Thank you so much for your quick response!
I can’t believe it. It was so obvious…I was just confused with other things and i couldn’t remembered that detail.

I want also something more:
I want to change the thickness of the facebook bar and also i want to change the size of each social icon?

Do you know how i can achieve it? I can’t find a similar post…

Hello,

  1. I’m not sure what facebook bar you are referring to, can you please specify it?

  2. Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

.widget_fp_social .social-menu-widget a::before {
    font-size: 64px;
}

Kind Regards, Roman.

Many many thanks Roman!
The size of the social icons is ok now!

You have right, the right question is the following:
I want to change the thickness of the social icons bar.
It has a red colour in demo.
Is there a way to do this?

Hello,

Do you want to increase or reduce the bar thickness?

Kind Regards, Roman.

@Roman, i would like to reduce the bar thickness…

Please edit page, edit row that contains Sydney FP: Social Profile widget (click on the wrench button), expand Layout section, reduce Top/bottom padding and save changes.

Kind Regards, Roman.

Yes, @roman!

That’s perfect! I believe this topic is now resolved!

Great! :slight_smile: