Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #463432

    Hi,
    I have a problem with a align on a gallery.

    I change css style in this way:

    #top div .avia-gallery img {
    padding: 0;
    margin:0;
    padding-top:8px;
    border: none;
    padding-left:8px;
    }

    but the first thumb isn’t aligned at left.

    I try to write this:

    .first_thumb a{
    padding-left:0 !important;
    }

    but isnt’ correct… what can I do?

    Thanks

    #463753

    Hey Serena!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Cheers!
    Rikard

    #463910
    #464237

    Hi!

    Please add following code to Quick CSS as well

    .avia-gallery-thumb a:first-child img {
      padding-left: 0!important;
    }

    Cheers!
    Yigit

    #464464

    Thanks Yigit,
    now the left align is ok, but there is a problem with the hight of the firs thumb, that is more of the other thumb.

    #464809

    Hi!

    Use this in the Quick CSS field:

    #top #after_section_1 div .avia-gallery img {
      max-height: 90px;
    }

    Best regards,
    Ismael

    #464986

    Hi Ismael,
    I add this code, the first thumb now is aligned, even if it is wider of the others.
    The problem now is that when I have a second row of thumb (like here http://www.mottarellatest.it/mottarellanew2/portfolio-articoli/eventi/), the first thumb of second row is not aligned…

    #466012

    Hey!

    please remove this code from first post:

    .first_thumb a{
    padding-left:0 !important;
    }
    

    and add this code:

    .avia-gallery-thumb {
    margin-left: -8px;
    }
    

    Regards,
    Andy

    #466425

    Thanks Andy, now is perfect!!!

    #466841

    Hey!

    glad it’s working for you now. Let us know in a new ticket if you have any other issues or questions related to the theme. We are happy to assist!

    Regards,
    Andy

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘gallery css style’ is closed to new replies.