Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 12, 2017 at 8:41 am #887787
    philippott

    Hi,

    I would like to show the gallery like it is here: https://kriesi.at/themes/enfold/shortcodes/gallery/
    So I use the gallery shortcode. But it always looks like this: http://sv.wdo.li/fotos/

    My two questions:
    1. How do I remove the whitespace between the images? (I would like to have just one pixel)
    2. If I resize the window the images are getting really small.

    Thank you for your help!

    Regards,
    Philipp

    December 12, 2017 at 12:42 pm #887887
    Victoria

    Hey philippott,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
    width: 33%;
  }
}

#top div .avia-gallery img {
    padding: 1px;
}
.avia-section-huge .content {
    padding-top: 50px;
    padding-bottom: 50px;
}
#after_full_slider_1 .content {
    padding-top: 50px;
    padding-bottom: 0px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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