• Home
  • WordPress Themes
    • eCommerce
    • Corporate
    • Multipurpose
    • Blog
  • Support
    • WoodMart support
    • Basel support
    • Space support
    • Feature requests
  • Docs
    • WoodMart
    • Basel
    • Hitek, Luman, Antares
  • Image optimizerNew
Login / Register
Checkout
Checkout
Menu

Home / Forums / Basel support forum / change social icons on product page

Home › Forums › Basel support forum › change social icons on product page

change social icons on product page

  • This topic has 8 replies, 2 voices, and was last updated 2 years, 2 months ago by Elise Noromit.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 8, 2023 at 10:48 pm #465427

    theblacksocialcloset
    Participant

    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

    May 9, 2023 at 12:16 am #465442

    Elise Noromit
    Member

    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

    May 10, 2023 at 3:26 am #465778

    theblacksocialcloset
    Participant

    What would the exact css code be?

    Thanks in advance

    May 11, 2023 at 12:37 am #466051

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    May 11, 2023 at 9:06 am #466103

    theblacksocialcloset
    Participant

    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.
    May 13, 2023 at 2:33 am #466600

    theblacksocialcloset
    Participant

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

    May 14, 2023 at 12:27 am #466728

    Elise Noromit
    Member

    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

    May 14, 2023 at 8:55 pm #466821

    theblacksocialcloset
    Participant

    Perfect! Thanks so much

    May 16, 2023 at 1:49 am #467134

    Elise Noromit
    Member

    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

Tagged: social share

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘change social icons on product page’ is closed to new replies.

  • You must be logged in to create new topics. Login / Register
Close

Your request can't be resolved for a long time? Contact our general support manager.

Contact form
WoodMart Image Optimizer
Create your WordPress website.
  • Resources
    • Video tutorials
    • Blog
    • Contact us
    • Refund Policy
    • Terms of Service
  • Social links
    • Facebook
    • Twitter
    • Instagram
    • YouTube
@ XTemos studio. 2025 WordPress development from 2015.

Privacy Policy

  • Home
  • WordPress Themes
    • eCommerce
    • Corporate
    • Multipurpose
    • Blog
  • Support
    • WoodMart support
    • Basel support
    • Space support
    • Feature requests
  • Docs
    • WoodMart
    • Basel
    • Hitek, Luman, Antares
  • Image optimizerNew
  • Login / Register
Sign in
Close

Lost your password?

No account yet?

Create an Account
Sidebar