Navigation
Archive / How to wrap around text around image (example)
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 4, 2016 at 1:22 pm #1244111
    JohnnyBeGood
    Participant

    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!

    November 4, 2016 at 4:58 pm #1244386
    Darshana
    Moderator

    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.

    November 4, 2016 at 5:15 pm #1244403
    JohnnyBeGood
    Participant

    Hi,

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

    Thanks!

    November 4, 2016 at 11:00 pm #1244688
    Prasant Rai
    Moderator

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

    November 5, 2016 at 1:28 am #1244752
    JohnnyBeGood
    Participant

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

    November 5, 2016 at 4:01 am #1244837
    Rue Nel
    Moderator

    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.

    November 5, 2016 at 2:44 pm #1245236
    JohnnyBeGood
    Participant

    Hi,

    Sure. Bellow is the website URL.

    November 5, 2016 at 2:44 pm #1245238
    JohnnyBeGood
    Participant
    This reply has been marked as private.
    November 6, 2016 at 1:35 am #1245601
    Christopher
    Moderator

    Hi there,

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

    Hope it helps.

    November 7, 2016 at 12:53 am #1246613
    JohnnyBeGood
    Participant

    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!

    November 7, 2016 at 12:54 am #1246615
    JohnnyBeGood
    Participant

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

    November 7, 2016 at 1:56 am #1246665
    Paul R
    Moderator

    You can set your image margin bottom to zero.

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

    Hope that helps.

    November 7, 2016 at 10:34 am #1247312
    JohnnyBeGood
    Participant

    Wow, somehow I missed the obvious. Thank you!

    November 7, 2016 at 11:27 am #1247398
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1244111 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>