Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 12, 2014 at 10:27 am #277996
    Breakstuff

    Hi,
    I want the picture like in my screenshot:

    So I have 1/2 with the News and 1/2 with the 5 Pictures with links to the product page. Is this possible?

    Thank you for your support.

    June 12, 2014 at 7:04 pm #278187
    Josue

    Hey Sven!

    That’s possible, you’d need to do some custom code for the mouseover effects in the image parts:

    Best regards,
    Josue

    June 16, 2014 at 10:44 am #279335
    Breakstuff

    Hi Josue,

    For the picture effects its no problem.
    But how to do the alignment: With a table?

    June 16, 2014 at 3:02 pm #279476
    Yigit

    Hi!

    Seems like you have already figured it out! Let us know if you have any other questions or issues!

    Best regards,
    Yigit

    June 17, 2014 at 7:00 am #279869
    Breakstuff

    Hi Yigit,

    almost :D

    Now I’m using shortcode 1/5 but that’s why I have very small icons.
    But when I choose 1/3 I can not align the lower symbols (second row)

    June 18, 2014 at 6:15 pm #280674
    Yigit

    Hi!

    You can try adding following code to Quick CSS

    div.flex_column.av_one_fifth.avia-builder-el-15.el_after_av_one_fifth.el_before_av_one_fifth, div.flex_column.av_one_fifth.avia-builder-el-18.el_after_av_one_fifth.el_before_av_one_fifth, div.flex_column.av_one_fifth.avia-builder-el-24.el_after_av_one_fifth.el_before_av_one_fifth.column-top-margin, div.flex_column.av_one_fifth.first.avia-builder-el-21.el_after_av_one_fifth.el_before_av_one_fifth.column-top-margin {
width: 5%;
}
div.flex_column.av_one_fifth.first.avia-builder-el-13.el_before_av_one_fifth.avia-builder-el-first, div.flex_column.av_one_fifth.avia-builder-el-16.el_after_av_one_fifth.el_before_av_one_fifth, div.flex_column.av_one_fifth.avia-builder-el-19.el_after_av_one_fifth.el_before_av_one_fifth, div.flex_column.av_one_fifth.avia-builder-el-22.el_after_av_one_fifth.el_before_av_one_fifth.column-top-margin, div.flex_column.av_one_fifth.avia-builder-el-25.el_after_av_one_fifth.el_before_av_one_fifth.column-top-margin {
width: 20%;
}

    A bit messy but should help :)
    Best regards,
    Yigit

    June 18, 2014 at 9:25 pm #280759
    Breakstuff

    Hi Yigit,

    thanks again for you reply. Almost :D

    Another question? If I add a Image with alignment center, than there can only be one picture in a row.
    If I add an Image with alignment left then I can add more pictures in a row. Why?

    Because if I can add 3 images in a row with alignment center and in the second row two images with alignment center then it would be exactly what I want :)
    Hope you understand what I mean.

    • This reply was modified 10 years, 5 months ago by Breakstuff.
    June 18, 2014 at 9:49 pm #280783
    Josue

    Hey!

    That’s how it works, however you can something like (check comments):
    http://jsbin.com/zaqem/1/

    Cheers!
    Josue

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