About me – text wrap and image/text margins

Hey @rumraisingelato,

It looks like this image is currently too wide to have any text wrap around it…if you reduce the size or specify a smaller width on it, the text will automatically wrap.

To move the text down a bit, you can add a class (i.e., “about-image”) to the image, and then add this CSS in Appearance > Customize > Additional CSS:
.about-image { margin-bottom: 20px; }

Hope this helps- let us know if you have any trouble! ??

Hi –

Thanks. Not sure how I would add a class to an image (i.e. where exactly would I do this?)

Hi –

I just tried adding the CSS you mentioned to the class that’s currently assigned to my image “.img-responsive.pull-left”. Not sure if this was correct/best practice or not, but it seems to have done the trick ?? Please let me know if it’s better I take the approach you mentioned – I welcome your direction on how to add a class to an image.

Thanks!

Hi @rumraisingelato,

That will work too, although it will apply to all images on your site that are using this class. If that’s ok, then there’s no reason to change it.

To add a class to your about image, you can open the widget where you added the code (see our previous thread for reference), and where you see the img-responsive and pull-left classes, add your additional class in there along with them.

If you have any trouble, just let us know!

Thank you!