Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 31, 2016 at 12:42 am #575118
    wayfareescort

    Hi guys,

    when using Google Page Speed/Insights, my website looses a couple of points as the different social icons are too close to each other and too small.

    I have enlarged the icons by using this Quick-CSS:

    #top .social_bookmarks li a { font-size: 18px; }

    But how can I increase the spacing between the different icons?

    Thank you so much in advance.

    Best
    Urs

    January 31, 2016 at 3:26 am #575133
    Elliott

    Hey wayfareescort!

    Add this to your custom CSS.

    .social_bookmarks > li {
    margin-left: 20px;
}

    Regards,
    Elliott

    February 2, 2016 at 10:31 pm #576755
    wayfareescort

    Hey Elliot,

    that sounds nice, but apparently there are these little spacing lines between the horizontalt icons. If I put your code into quick CSS, the left margin actually is 20 px, but the icons are “glued” to these spacing lines on the right.

    Can the icons be centered within these spacings?

    Still with your code snippet, Google Page Speed complains the icons are still too close together in mobile view:

    Wayfare Escort mobile view social icons too close

    February 3, 2016 at 9:07 am #576980
    Rikard

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    February 5, 2016 at 1:33 am #578142
    wayfareescort

    Hi Rikard,

    sure! Please do not be too surprised what our site is all about. ;)

    https://wayfare-escort.de

    February 8, 2016 at 5:21 am #579334
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    #top .social_bookmarks li a, #top .social_bookmarks li {
    width: 40px !important;
}

    Best regards,
    Rikard

    March 10, 2016 at 4:26 pm #596341
    wayfareescort

    Worked like a charm, thanks a lot guys!

    March 11, 2016 at 9:59 am #596788
    Rikard

    Hi,

    Great, glad we could help :-)

    Thanks,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.