Home Forums WoodMart support forum change the style of share icons

change the style of share icons

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #320134

    carmycurly
    Participant

    How to change the style of share icons?? like in a atach below

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

    Hello,

    The styles can be changed with custom CSS. Please provide how can you change the theme and provide page URLs where they are shown, I will provide custom CSS.

    Best Regards

    #320273

    carmycurly
    Participant

    I whant to change the standard share buttons with the sample in attach.
    The site is https://www.sonmasricas.com.ar/nueva/producto/producto-de-prueba/

    #320353

    Hello,

    You have provided one and the same link as a sample and initial page, Do your want to change the set of icons or their view: color, size?

    Best Regards

    #320354

    carmycurly
    Participant

    their view size, and backgroud color y a circle.

    #320401

    Hello,

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

    body.single-product .product-share .wd-social-icons .wd-icon {
        color: white;
    }
    body.single-product .product-share .icons-size-small .wd-social-icon{
        width: 30px !important;
        height: 30px !important;	  
        padding-top:7px;
    }
    .single-product a.wd-social-icon.social-facebook {
        background-color: blue;
    }
    .single-product a.wd-social-icon.social-twitter {
        background-color: #3CF;
    }
    .single-product a.wd-social-icon.social-pinterest {
        background-color:#CB2027;
    }
    .single-product a.wd-social-icon.social-linkedin {
        background-color: #0274B3;
    }
    .single-product a.wd-social-icon.social-email {
        background-color: #0274B3;
    }

    Best Regards

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