Align social media icon

Community Forums Forums General Discussion Align social media icon

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  AC 1 year, 8 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #25030

    katie
    Participant
    Post count: 9

    Hi,

    One on my websites, I have a Facebook icon in the right header section on the Landscape theme. When I look at the website using Firefox the text and icon are aligned next to each other. When I look at it using Internet Explorer, the text is above the icon.

    I am currently using a text widget with the following code:

    <BR>
    <BR>
    <BR>
    <BR>
    <BR>
    <BR>
    <BR>
    <BR>
    <BR>
    <b><div align=”right”><font color=”222222″>Like us on Facebook! </b></font><a href=”http://facebook.com/wilmorechristianballet”><img src=”http://www.wilmorechristianballet.com/wordpress/wp-content/uploads/2012/06/facebook-copy.jpg” target=”Facebook” /></a></div align=”right”>
    <p>

    How do I get the text side by side?

    Thanks!
    Katie

    #25103

    AC
    Blocked
    Post count: 7712

    Can you share the link to your website so we can take a look?

    #25105

    katie
    Participant
    Post count: 9
    #25118

    AC
    Blocked
    Post count: 7712

    Take all the breaks out. You need to put in a top margin to drop that down. Look for this in your style.css sheet. Add the line that starts with “margin” to it and save.

    [css]
    #header .widget-area {
    color: #FFFFFF;
    float: right;
    margin: 160px 0 0;
    padding: 0;
    width: 445px;
    }[/css]

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.