Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 22, 2016 at 11:04 pm #715651
    gerardbao

    Hi there,

    I’m wondering if there’s a way I can wrap text around the grey column block listed in this blog post?

    Expert advice can help retailers outsmart Amazon — sixth in a series

    Right now, the only way to pull this off is to set up two columns and then make the text length to the left of the grey box match the length of the grey box.

    I’d like for a way to be able to wrap around the box if possible.

    November 25, 2016 at 3:11 pm #716875
    Nikko

    Hi gerardbao!

    Yes, there is way however, you might need to use some html codes and add some styling in Quick CSS. We can do that for you in that page, will you give us a temporary admin access? after doing it we will give you details on what was changed.

    Regards,
    Nikko

    November 28, 2016 at 3:40 am #717540
    gerardbao

    Sure thing. Login info posted in private

    November 30, 2016 at 6:18 am #718629
    Ismael

    Hi,

    We created a test page/

    // http://bloomreach.com/2016/11/test-2/

    You can find the css modification in the Quick CSS field.

    .floatright {
    width: 40%;
    float: right;
    padding: 25px;
}

    Best regards,
    Ismael

    November 30, 2016 at 8:37 pm #718958
    gerardbao

    That helped! Now how can I make that responsive so it breaks down to full width on mobile?

    November 30, 2016 at 8:59 pm #718979
    Nikko

    Hi!

    Just add this in Quick CSS:

    @media only screen and (max-width:767px) {
  .floatright {
    width: 100%;
    float: none;
  }
}

    Best regards,
    Nikko

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