[JohnnyBeGoodParticipant]

Hi,

I’m using Icon and Cornerstone but I cannot figure how to achieve this effect where text is wrapped around image (see attached).

Thanks!

[DarshanaModerator]

Hi there,

Thanks for writing in! You can add the following inline styles to your image.

float:left; margin-right:10px; margin-bottom:10px;

Hope that helps.

[JohnnyBeGoodParticipant]

Hi,

Could you please be more specific where I should add above?

Thanks!

[Prasant RaiModerator]

You can add the css under Custom > CSS in the Customizer.

[JohnnyBeGoodParticipant]

Now it works!
That CSS is for entire site I assume? Can I somehow limit it only to images that I want?

[Rue NelModerator]

Hello There,

Thanks for updating in! To assist you with this issue, we’ll first need you to provide us with your URL of the page in question. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

[JohnnyBeGoodParticipant]

Hi,

Sure. Bellow is the website URL.

[JohnnyBeGoodParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

To apply CSS to specific image’s element, add CSS in image’s style field. See the attachment.

Hope it helps.

[JohnnyBeGoodParticipant]

Hi There,

I got it to work finally!
float:left; margin-right:10px; margin-bottom:10px; needs to go into image properties just like your screenshot shows and I was adding it to Custom > CSS
Both need to be text + image elements.
Thank you!

[JohnnyBeGoodParticipant]

One more thing, where do I control space between image and text? http://prntscr.com/d42h8o

[Paul RModerator]

You can set your image margin bottom to zero.

float:left; margin-right:10px; margin-bottom:0px;

Hope that helps.

[JohnnyBeGoodParticipant]

Wow, somehow I missed the obvious. Thank you!

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts