Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1301296

    Fabio C
    Participant

    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 | info@BluestarMarineFL.com</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?

    #1301345

    Friech
    Moderator

    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!

    #1301862

    Fabio C
    Participant

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

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

    #1301900

    Rahul
    Moderator

    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.

    #1302017

    Fabio C
    Participant
    #1302036

    Joao
    Moderator

    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