Return to previous page

Increase size of Social sharing icons on product page

This topic has 5 replies, 2 voices, and was last updated 11 months, 1 weeks ago ago by webpat

  • Avatar: webpat
    webpat
    Participant
    May 21, 2023 at 20:11

    How to increase the size of Social sharing buttons on product page?

    Is there any other option to put the buttons also?

    #357369 Copied Theme version: 6.2 WooCommerce version: 14.2
    4 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    May 22, 2023 at 06:24

    Hello @webpat,

    1. Thank you for your inquiry. You can adjust the size of the social sharing icons on the single product page by navigating to XStore >> Theme Options >> WooCommerce >> Single Product Builder >> Sharing >> Style. Please refer to the screenshot provided for further reference: https://postimg.cc/64xppjb0.

    2. Which OR What type of button do you want to add on the single product page? Could you please explain in detail, if possible with some screenshots for our better understanding so that we will check and assist you accordingly.

    We hope this information is helpful.

    Best Regards,
    8Theme’s Tea

    #357380 Copied
    Avatar: webpat
    webpat
    Participant
    May 22, 2023 at 06:39

    Single Product builder gives this message

    “Activating single product builder will deactivate your current single product options. Working with one will disable the other.”

    so activating for sharing…will change lot other things….can you suggest another way out

    #357381 Copied
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    May 22, 2023 at 07:26

    Hello @webpat,

    If you are using a pre-built single product page, you can adjust the size of the social sharing icons on the page by using the Custom CSS code. Please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache.

    .single-product ul.menu-social-icons li a.title-toolip {
    font-size: 25px !important;
}

    You may adjust the font size according to your needs.

    The result should look like this: https://postimg.cc/KkY8Ppb5

    We hope this will solve your issue.

    Best Regards,
    8Theme’s Team

    #357385 Copied
    Avatar: webpat
    webpat
    Participant
    May 22, 2023 at 11:15

    Thanks…that worked like charm

    #357396 Copied

  • Tagged: , , , , , , , , ,

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Increase size of Social sharing icons on product page’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Kids Store – WooCommerce Theme
lazy-placeholder
Organic Store 02 – WordPress WooCommerce Theme
lazy-placeholder
NFT Crypto Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Business 02 – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Church – WordPress Theme
lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.