Problems to place social icons centered

[katerine]

Dear support team,
i am having strange problems to center the social icons on the contact page:

http://loveshamburg.de/kontakt/

They should be placed centered, and although i have tried several times it’s not working, the always seem to be left aligned. Why is that and how can i fix that please?

Best and many thanks,
katerine

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

ul.social-icons {
    display: inline-block;
    text-align: center;
    width: 100%;
}

Thanks
Mohammad

[katerine]

Hey Mohammad,
thanks, that css is working and the icons are centered now.

The problem is now, as i am wanting to have it in a line with telephone and email contact, the icons are positioned more below and not on a horizontal line with telephone and Email. how can we fix that? The row doesn’t say, it should be centered.

Thanks again,
Katerine

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please mark the screenshot to indicate the issue.
Thanks
Mohammad

[katerine]

ok, so here we go!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.page-id-11858 .sf-icon.sf-icon-medium{line-height:55px !important;}

Thanks
Mohammad

[katerine]

Perfect!
Thank you very much!

[Mohammad – SUPPORT]

Hi,
You most welcome.
Thanks
Mohammad