Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 20, 2014 at 1:24 pm #306818
    Welmoed

    Hi!

    Sorry for my many questions :-) Love the theme & the support, so I hope you’re willing to help me out some more :-)

    I am using the post sliders, and sometimes I see some ‘white’ to the right of a picture. What’s the ideal size of a picture, so that it fills out this ‘white’ area perfectly? Both hight and width please :-)

    Thanks again!

    Welmoed

    August 20, 2014 at 1:33 pm #306822
    Yigit

    Hi Welmoed!

    Please add following code to Quick CSS 

    .avia-content-slider .slide-image { background-color: transparent !important; }

    Regards,
    Yigit

    August 27, 2014 at 12:18 pm #309759
    Welmoed

    Hi Yigit,

    thanks for your response. I think though that what you are suggesting results in a different type of solution, namely not seeing the ‘white’ next to a photo. I’d rather know what size the pictures should be, because that also prevents the page from moving/jumping (you can see what I mean if you look at http://www.vrijzinnigen.nl and then the second block from the top on the left side: the photos have different heights, causing the blocks below it to ‘jump’.

    Also here: http://www.vrijzinnigen.nl/blog-wies-houweling-vrijzinnig-spreken/ What size should that picture be to prevent the white below it? I think that’s the same picture as the one that shows on the front page (second block from the top on the right), so maybe it’s not possible to have one picture that has a perfect size for both the blogpost-picture and the frontpage picture? In that case I’d love to receive a similar line of code to the one you provided above, but then to remove the grey bit below blog-photos.

    I hope it’s clear what I mean :-)

    Regards,

    Welmoed

    August 29, 2014 at 5:21 pm #311006
    Dude

    Hey!

    The size of the image depends on the number of post columns and screen size and may vary because of the responsive layout. I recommend to use images with a width of 450px – this size will cover all possible layouts (2, 3, 4 columns, etc.). If you want to keep the current images with a size of 330px you can easily resize them with css – just insert this code into the quick css field:

    
.avia-content-slider .slide-image img {
width: 100%;
}

    Cheers!
    Peter

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