This topic has 6 replies, 3 voices, and was last updated 8 years by Laura.

  • Author
  • #114014
     Gavsta
    Participant

    Hello,

     

    I would like to know if it is possible to change the Icons in the social share widget to use slightly larger, custom icons. and if its possible to do this and it only effect the icons in the FOOTER section of the website. the ones in the header are fine id just like some more prominent icons in the footer. Can this be done? and if so, how? Many thanks.

    Regards,

     

    Phil Boguszewski

    #114377
     Laura
    Moderator

    Hello, to change the size of the icons at the footer try the following css, add it to style.css of child theme

    COPY CODE
    
    #footer .share-links i:before {
        font-size: 24px;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #114389
     Gavsta
    Participant

    Hello,

    Thanks Laura. That worked a treat. Will this affect the responsive aspect of the website? just wandered with it being a set size. Would i need to change the value to a percentage?

    Regards,

    Phil Boguszewski

    #114390
     Gavsta
    Participant

    Hello again,

    I have just changed the icon size for the #footer .social-icons i:before to change these icons but obviously this changes the text as well. Is there a specific selector I can use for that?

    Also, is it possible for me to change the icons used? I have a nice Facebook and Twitter logo I would like to use if possible. Thanks!

    Regards,

    Phil Boguszewski

    #115051
     Laura
    Moderator

    Hello, you can change the icons using font awesome icons or do you prefer an image? Let me know 🙂
    About the footer, what do you mean? the code should change only the icons of the share links not the text

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #138681
     Happiier
    Participant

    Chiming in!

    I would love to know how to change the Share This “Like” heart-icon to (1) admin image and (2) a different icon from kleo library – not sure which I prefer to use yet.

    Please also offer css for
    1. Size of Icon
    2. Size of Text after icon
    3. Color
    4. Hover Color
    5. Background/boarder css if this is a button!

    Thank you for your hard work 🙂

    With Gratitude,
    Blaze

    #138960
     Laura
    Moderator

    Hello, please share admin credentials 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

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

You must be logged in to reply to this topic.

Log in with your credentials

Forgot your details?