Archived topic
Image and text alignment and icon spacing
3 replies · Started by Kerry on December 6, 2015
This is my last set of questions... :-)
1. On a page I have a small image (about 150x150), 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
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;
}Hmm... it was left aligned but not set that way. I have fixed.
And the icons now look great - thanks
KERRY
Awesome, glad I could help :)