How to fix dotted lined box around Social Media icons?

This topic has 8 replies, 2 voices, and was last updated 9 years, 8 months ago ago by Robert Hall

  • Avatar: letsdesignit
    letsdesignit
    Participant
    April 27, 2016 at 14:49

    Hi, I have changed the Share icons in the header to actual links to social Media, although the dotted line box does not extend all the way across. See link for screenshot. How do i stretch this across?

    https://www.dropbox.com/home?preview=Social+Media+icons.png
    https://www.dropbox.com/s/fky7ixst4hb56gp/Social%20Media%20icons.png?dl=0

    Also is there anyway on the Cart box on righthand side of header to be able to put US in front of the $, so people know they will be charged US dollars not AUS $?

    Thanks

    7 Answers
    Avatar: Robert Hall
    Robert Hall
    Participant
    April 27, 2016 at 14:55

    Hello,
    1) Please add this code in Theme Options->Custom CSS->Global Custom CSS.

    .header-type-6 .header .tbs span{
    border:none;
    }

    2) You should contact Woocommerce support concerning your query as this is their configuration.

    Regards,
    Robert Hall

    Avatar: letsdesignit
    letsdesignit
    Participant
    April 27, 2016 at 15:07

    1. Thanks but that actually made it completely disappear, i wanted it to wrap around the social icons. Same style as on the cart?

    2. Ok i will do

    Avatar: Robert Hall
    Robert Hall
    Participant
    April 27, 2016 at 15:18

    I’ve changed code in Global Custom CSS. Please check.

    Regards,
    Robert Hall

    Avatar: letsdesignit
    letsdesignit
    Participant
    April 27, 2016 at 15:26

    Thanks, that has fixed that, but is there a way to have the box an equal height top and bottom? Currently there is alot more white space below the icons that above?? If not this is fine and support can be closed.

    Avatar: Robert Hall
    Robert Hall
    Participant
    April 27, 2016 at 15:35

    Just added the following code in Global Custom CSS. Please check.

    .sfsi_plus_holders{
    height:40px !important;
    }

    Regards,
    Robert Hall

    Avatar: letsdesignit
    letsdesignit
    Participant
    April 27, 2016 at 15:41

    Ok perfect, thanks for your help

    Avatar: Robert Hall
    Robert Hall
    Participant
    April 27, 2016 at 15:46

    You’re welcome!

    Regards,
    Robert Hall

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

The issue related to '‘How to fix dotted lined box around Social Media icons?’' has been successfully resolved, and the topic is now closed for further responses

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