WordPress.org

Ready to get started?Download WordPress

Forums

Preference Lite
social media buttons - right hand side (5 posts)

  1. lilyandtoby
    Member
    Posted 8 months ago #

    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="http://lolaandlily.com/wp-content/uploads/2013/11/facebook-48.png" />
      </a>
     <a>
      <img src="http://lolaandlily.com/wp-content/uploads/2013/11/twitter-48.png" />
     </a>
     <a>
      <img src="http://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

  2. StyledThemes
    Member
    Theme Author

    Posted 8 months ago #

    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.

  3. lilyandtoby
    Member
    Posted 8 months ago #

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

  4. lilyandtoby
    Member
    Posted 8 months ago #

    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!

  5. StyledThemes
    Member
    Theme Author

    Posted 8 months ago #

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

Reply

You must log in to post.

About this Theme

About this Topic