social media buttons – right hand side

  • Hi, I am wanting to move my social media buttons (will be inserted as linkable URLS) from the left to the right hand side and be next to each other, not one above the other. My website is tobyandlily.com and I updated the header.php file to include 

    <div class="social-icons">
 <a>
  <img src="https://lolaandlily.com/wp-content/uploads/2013/11/facebook-48.png" />
  </a>
 <a>
  <img src="https://lolaandlily.com/wp-content/uploads/2013/11/twitter-48.png" />
 </a>
 <a>
  <img src="https://lolaandlily.com/wp-content/uploads/2013/11/pinterest-6-48.png" />
 </a>

    which made the images appear but I am now stuck as to how to get them to the right hand side and aligned next to each other. Any help would be greatly appreciated

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Styled Themes

    (@gejay)

    Even though support doesn’t cover custom coding such as this, what I can tell you is that your social-icons container has no closing tag for the div, plus your links are done incorrectly. For links, you may want to check out this site:

    Link Coding

    You might have to do some custom css to also make your links as inline-blocks with a height and width.

    Nice icons by the way…it suits the theme you are working on.

    Thread Starter lilyandtoby

    (@lilyandtoby)

    Thanks very much for your help – I will give it a go

    Thread Starter lilyandtoby

    (@lilyandtoby)

    Just wanted to thank you again for all your help, the link you provided helped me so much and I am pretty happy with my result, although the heading and menu are no longer centered.

    Thanks again and have a great day, the theme is fantastic!

    Theme Author Styled Themes

    (@gejay)

    You’re very welcome…hopefully you bookmarked that w3schools website because it’s a good source for html and css learning.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘social media buttons – right hand side’ is closed to new replies.

Tags