Home Forums WoodMart support forum Share button look on product page

Share button look on product page

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #194796

    bdcloud
    Participant

    How to change Share button look on the product page like circular & colour (screenshoot)

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

    Hello,

    Unfortunately, there is no option to make them like the screenshot you attached. You need to do it by using Custom CSS.

    Please add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    body.single .entry-summary .icons-design-default .woodmart-social-icon {
    padding: 10px 5px;
    }
    body.single .entry-summary .woodmart-social-icons i {
    display:block;
    padding:5px;
    color:white;
    border-radius: 50%;
    }
    body.single .entry-summary i.fa-facebook {
    background-color:blue;
    }
    body.single .entry-summary i.fa-twitter {
    background-color:blue;
    }
    body.single .entry-summary i.fa-envelope{
    background-color:blue;
    }
    body.single .entry-summary i.fa-pinterest{
    background-color:blue;
    }
    body.single .entry-summary i.fa-linkedin {
    background-color:blue;
    }

    You can adjust the background colors for each according to your needs.

    Best Regards.

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