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
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
Hi!
Please add following code to Quick CSS as well
.avia-gallery-thumb a:first-child img {
padding-left: 0!important;
}
Cheers!
Yigit
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.
Hi!
Use this in the Quick CSS field:
#top #after_section_1 div .avia-gallery img {
max-height: 90px;
}
Best regards,
Ismael
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…
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
Thanks Andy, now is perfect!!!
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