Home Forums WordPress Theme Support Bon Apetit Adding social buttons to footer

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • stephen3825
    Participant

    When I add this code to the Footer Field:

    <a href="//www.twitter.com/MamaLuccis""><img src="//twitter-badges.s3.amazonaws.com/t_small-b.png"" alt=""Follow" /></a>

    <a href="//www.facebook.com/pages/Mama-Luccis/203094116381235?sk=wall""><img src="//mamaluccis.com/misc_images/facebook-vry-sm.png"" alt=""Find" /></a>

    I get this:

    (see attached picture)

    How do I get the social buttons to stay on the same line as the contact info?

    [attachment=22103,1676]

    Max
    Keymaster

    Hi,

    take a look now and let me know if this is the desired result, I think it looks very nice.

    Cheers,

    Max.

    stephen3825
    Participant

    Thanks Max. That is better. But I was hoping to drop them on the same line as the Fax Number (to the right).

    Max
    Keymaster

    Check now.

    stephen3825
    Participant

    Thanks Max. You were right. I like your first solution better. Would you mind changing it to that one again.

    Thank you!

    Max
    Keymaster

    changed.

    stephen3825
    Participant

    Thanks! I like that too. How do I close up the space between the buttons? I just want about 6 pixels between them.

    Max
    Keymaster

    In style.css file I added this code:

    Code:
    .socials a {
    background: none;
    padding-left: 15px;
    padding-right: 5px;
    }

    replace it with:

    Code:
    .socials a {
    background: none;
    padding-left: 6px;
    padding-right: 5px;
    }

    Cheers,

    Max.

    stephen3825
    Participant

    Outstanding! Thank you Max.

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