Okay
  Public Ticket #1712346
Centering Lab Social network icons
Closed

Comments

  •  2
    alexsavillephotography started the conversation

    .

  •  2
    alexsavillephotography replied

    hi,

    Is there a way to centre the social network icons / text on a normal page instead of having them left aligned? 


    ie at the moment, they are all left aligned (see attached, including your demo site) - whereas I’d like them to be centre (width) aligned. Also, is there a way to change the size depending on the device being used?

    Thanks 

    Alex

  • [deleted] replied

    Hi Alex,

    This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area. I will try to help you this time though

    Can you please send me the URL of that page where you used those social icons?

    P.S: I can't view your pages because 2-Step Verification is appearing

  •  2
    alexsavillephotography replied

    hi Ylli

    Thanks for your response, and for being so helpful. I’ve disabled 2FA for the time being. The page is https://www.alexsavillephotography.com/about-professional-photographer-alex-saville/ 

    Thanks

    Alex

  • [deleted] replied

    Hi Alex,

    Please add the code below to your Custom CSS area:

    ul.social-networks.rounded.colored-bg {
    text-align: center;
    }

    Have a great day!
  •  2
    alexsavillephotography replied

    thanks :-)

  • [deleted] replied

    Glad to hear that Alex

    I wish you have a great day.

    P.S: If you like the theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.

    A huge thank you from Laborator in advance!

  •  2
    alexsavillephotography replied

    you’re welcome and will do.

    Ps I’ve also found that adding

    ul.social-networks {padding-left:0}

    helps to truly centre it (which is more visible on an iPhone)

    Cheers

  •  2
    alexsavillephotography replied

    or maybe it’s about 5px - the default of 20px looked too far over to the right and 0 too far left. Thanks

  •  2
    alexsavillephotography replied

    oops and I did actually but a semicolon in there between the 0 or 5px and the }  :-)

  • [deleted] replied

    Hi Alex,

    I'm really glad to hear that the solution worked and I would like to thank you for your very kind review

    I wish you a great day!

    Will set this ticket as solved from here.