Adding space between the social media icons in the header « Support Forum | Kriesi.at

Adding space between the social media icons in the header

6 posts from 3 voices

Tags:

skiingmax
Member

Hey Guys.

Short question (I'm not very familiar in programming): How can I add additional space (like one "free" icon) between some icons in the header of the Corona theme?

I'd like to separate the search icon and the sitemap icon from the social media icons (http://maxeick.com/).

THX in advance!

Posted 11 months ago #
Devin
Moderator
Hi skiingmax,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
.social_bookmarks .search_site a {
margin-left: 20px !important;
}
```
That should do it :)

Regards,

Devin
Posted 11 months ago #
skiingmax
Member

Hi Devin.

THX for your reply. It worked, but now the "arrow" of the hover popup/speech balloon is not on the icon (http://maxeick.com). Is it possible to fix this?

Best,
Max

Posted 11 months ago #
Devin
Moderator
Hey Max,

Sorry about that, didn't catch it when I was trying it out. Try the following instead:
```
.social_bookmarks .pinterest a {
padding-right: 20px !important;
}
```
Regards,

Devin
Posted 11 months ago #
skiingmax
Member

Hi Devin. You're great!!

THANKS man.

Posted 11 months ago #
Ismael
Moderator

Hi,

Glad that Devin helped you fix the issue. :)

Cheers,
Ismael

Posted 11 months ago #