Docs

[Fabio C]

How to center social media icons on topbar

“Set the URLs for your social media profiles here to be used in the topbar and bottom footer.”

Or

How to place short code icons on “Topbar Content” under Customizing Header. And I could center it from there.

I wanted to put phone number and email and didn’t know any other way than to place this code

<div align=”center” style=”padding-top:20px”>954.933.6000 | [email protected]</div>

So alternatively I could just add <br> and add the shorcodes with the links and erase the links from the “Customizing Social” section… What are your suggestions?

[Friech]

Hi There,

Thanks for writing in! Add this code on your topbar content.

<center>
<ul class="topbar-socials">
	<li><a href="FACEBOOK PROFILE URL HERE" target="_blank">
			<i class="x-icon x-icon-facebook"></i></a>
	</li>
	<li><a href="TWITTER PROFILE URL HERE" target="_blank">
				<i class="x-icon x-icon-twitter"></i></a>
	</li>
</ul>
</center>

And this on your custom CSS

ul.topbar-socials {list-style: none;}
ul.topbar-socials li {
    display: inline-block;
    padding: 10px 10px;
    font-size: 1.5em;
}

Feel free to adjust those values.

Hope it helps, Cheers!

[Fabio C]

I tried it, it didn’t;t work.

What about a css code for just “Customizing Social” section ?
would that be easier ?

[Rahul]

Hey There,

Thanks for writing in!

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Fabio C]

http://www.bluestarmarinefl.com

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[Author]

Posts