Viewing 7 posts - 31 through 37 (of 37 total)
1 2
  • Author
    Posts
  • July 10, 2015 at 11:40 am #471391
    wiwaldi79

    Ok i have added this code to my style.css.

    .avia-image-container.av-styling-.avia-builder-el-5.avia-builder-el-no-sibling.avia-align-center {
  bottom: -154px;
}

    it now works an full screen but when i reduce the size of the browser windown it looks like this: http://i.imgur.com/9IXsz61.jpg

    so i will try it out with an custom css class. maybe it works that way.

    can you help me with one other thing. the image here: http://i.imgur.com/z24SPEb.jpg has a custom class “custom-image” that sould allow my images to flow outside the main area of the website (960px widht). but this don`t work. can you check this for me, please?

    http://www.alfaweb.at/testwaldi/kontakt/

    July 10, 2015 at 11:44 am #471393
    wiwaldi79

    This here: http://i.imgur.com/lhSyuo6.png should look like this: http://i.imgur.com/A7Tw6Q0.png

    but i think there is an error in the code of the custom css class “custom-image” ???

    July 13, 2015 at 9:38 am #472197
    Andy

    Hi!

    I tried to call “custom-image” via CSS but it did not work, so it seems that there is no element with the CSS class “custom-image”. Did you implement it correctly? please check again.

    Cheers!
    Andy

    July 14, 2015 at 11:39 am #473010
    wiwaldi79

    Hi Andy, you will find it in the style.css 3 entries to custom-image :)

    July 15, 2015 at 12:04 pm #473641
    Ismael

    Hey!

    You need to add css media queries in order to adjust the position of the image on different screen sizes. https://css-tricks.com/css-media-queries/

    EXAMPLE:

    @media only screen and (max-width: 767px) {
.avia-image-container.av-styling-.avia-builder-el-5.avia-builder-el-no-sibling.avia-align-center {
  bottom: -100px;
}
}

    This will affect screens smaller than 768px.

    Regards,
    Ismael

    July 15, 2015 at 12:22 pm #473654
    wiwaldi79

    OK thanks, ismael, and how can i let an image that is bigger then tha main area (960px wide) FLOW aoutside this area? is there a way?

    –>
    can you help me with one other thing. the image here: http://i.imgur.com/z24SPEb.jpg has a custom class “custom-image” that sould allow my images to flow outside the main area of the website (960px widht). but this don`t work. can you check this for me, please?

    http://www.alfaweb.at/testwaldi/kontakt/

    July 16, 2015 at 12:58 pm #474240
    Andy

    Hey!

    when you are using boxed layout you only have space available inside your boxed layout, not outside.

    Please open a new ticket for your other question, as this thread got huge already.

    Best regards,
    Andy

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