Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Image and text alignment and icon spacing

Home Forums Support Image and text alignment and icon spacing

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

    This is my last set of questions… 🙂

    1. On a page I have a small image (about 150×150), left aligned. How do I put text to the right of it so that it looks good (ie the paragraph ends when the image does) and allowance is made for mobile etc to remain looking good?

    2.I have used <i class=”fa fa-twitter”></i> at the bottom of a page. I have done the same for other social media icons. But how do I make them bigger and space them apart from one another. Currently they are very small and right next to eachother

    #158535
    Tom
    Lead Developer
    Lead Developer

    1. Have you set the image alignment to “Align Left” when inserting the image?

    2. I would do something like this:

    <div class="social-icons">
        <a href="#URL-TO-SOCIAL-PROFILE"><i class="fa fa-twitter"></i></a>
        <a href="#URL-TO-SOCIAL-PROFILE"><i class="fa fa-facebook"></i></a>
    </div>

    Then the CSS:

    .social-icons a {
        font-size: 20px;
        margin-right: 5px;
    }
    #158650
    Kerry

    Hmm… it was left aligned but not set that way. I have fixed.

    And the icons now look great – thanks

    KERRY

    #158686
    Tom
    Lead Developer
    Lead Developer

    Awesome, glad I could help 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.