change social icons on product page

I want to use the default layout on the product page but I do not want the gray social share buttons. I would like the large color circle social share buttons. How can I change that?

Thanks

Hello,

You can do that with custom CSS. Please let us know if you need help with that.

If you have any questions please feel free to contact us.

Best Regards

What would the exact css code be?

Thanks in advance

Hello,

Please provide a screen or sample of what you want to achieve and we will provide custom CSS.

Best Regards

I have attached a photo of how they look now and how I want them to look.

Attachments:

You must be logged in to view attached files.

Hi, I am still waiting on assistance with this one. Thanks

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.entry-summary .social-icons li {
width:30px;
height:30px;
border-radius:50%;
}
.entry-summary .social-icons li a{
display:block;
text-align:center;
margin-top:7px;
color:#ffffff;
}
.entry-summary .social-icons li.social-facebook{
background-color: orange;
}
.entry-summary .social-icons li.social-twitter{
background-color: orange;
}
.entry-summary .social-icons li.social-email{
background-color: orange;
}
.entry-summary .social-icons li.social-pinterest{
background-color: orange;
}
.entry-summary .social-icons li.social-linkedin{
background-color: orange;
}

Please replace the color as per your needs.

Best Regards

Perfect! Thanks so much

We are always happy to help you, write to us when you have any difficulties or issues with our theme.

We would be grateful for your rate and feedback on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

Thank you in advance!

Wish you a wonderful day!

[Author]

Posts