Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #573429

    Hi,

    Related to my last ticket – “Social icons displayed vertically…”, I’ve these two issues, which you can check on the image – https://www.dropbox.com/s/c2o96ilx2d0f8aq/social_icons_footer_widget_area.JPG?dl=0:

    1 – After each social icon there is a “vertical line”.
    2 – Facebook social icon it’s misaligned with the others SM icons

    I appreciate your help.

    Kind Regards

    Elxa Soares

    #574359

    Hi Elsa!

    Thank you for using Enfold.

    I checked the site (http://bemvestir.moda/) but I didn’t see any lines in the social icons. Is that the correct site? The background is different compare to the screenshot.

    Cheers!
    Ismael

    #574522

    Hi Ismael,

    Thanks for your answer.
    Yes, http://bemvestir.moda is correct.
    As I am doing tests I changed the scheme color and you did not see the line on a lighter background. However I went back to a footer background darker color where you can easily check the vertical line on social icons.Please confirm.
    Also facebook social icon it’s misaligned with the others SM icons.

    Kind Regards

    #574682

    Hi!

    “Maintenance mode is on”. We are going to need temporary logins to see your site.

    Please also try following code

    #footer .social_bookmarks * { border: none !important; }

    Regards,
    Yigit

    #574776

    Hi Yigit,

    Thanks for the reply.

    With code you provided me the vertical line is gone! One less issue :)

    Please tell me the solution for my point 2.:
    – Facebook social icon it’s misaligned with the others SM icons

    The temporary logins are the same given in my first ticket, the previous, but I repeat them.

    Kind Regards

    #575560

    Hi,

    It looks like you’ve made some customisations to the social media links but I can’t see any misalignment, could you post a screenshot to highlight the problem please?

    Thanks,
    Rikard

    #575732

    Hi,

    These code customizations were given by your moderator Yigit on my first ticket.
    You already have a screenshot I sent you on this ticket – see this link https://www.dropbox.com/s/c2o96ilx2d0f8aq/social_icons_footer_widget_area.JPG?dl=0:

    Thanks

    Elsa Soares

    #575756

    Hey Elsa!

    I changed following code

    #top #wrap_all .av-social-link-facebook a:after {
        content: 'Facebook';
        margin-left: 10px;
    }

    to following one in Quick CSS

    #top #wrap_all .av-social-link-facebook a:after {
        content: 'Facebook';
        margin-left: 15px;
    }

    Please review your website now

    Cheers!
    Yigit

    #575928

    Hi Yigit,

    Thanks for the reply and the changes you made.
    However, the hover effect is not centered on the icon and also is overlaying the term next to it –
    https://www.dropbox.com/s/kj82f4inml5r34r/social_icons_footer_widget_area_1.png?dl=0.

    I appreciate your help

    Kind Regards

    #575934

    Hi!

    Please add following code to Quick CSS as well

    #top #wrap_all .av-social-link-facebook a:before, #top #wrap_all .av-social-link-instagram a:before, #top #wrap_all .av-social-link-gplus a:before {
        margin-left: 10px;
    }

    Cheers!
    Yigit

    #576136

    Hi Yigit,

    Now it’s fine!
    Thanks for your support.

    Cheers! :)

    #576319

    Hi,

    Great, glad we could help :-)

    Thanks,
    Rikard

    #581414

    Thanks
    You may close this ticket.
    Regards

    #582010

    Hi,

    Thanks, will do :-)

    Regards,
    Rikard

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Footer widget social icons- vertical line and Facebook icon misaligned’ is closed to new replies.