Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 10, 2020 at 4:15 am #1191687
    zizibe1

    Hi,

    I hid the border around the gallery and the thumbnails using these two codes which I added to Enfold Child > General Styling > Quick CSS:

    /* no border around gallery big preview */
#top div .avia-gallery .avia-gallery-big {
    border-style: none;
}

/* no border around gallery thumbnails, padding 0px to reduce white space */
#top div .avia-gallery img {
    border-style: none;
    padding-top: 0px;
}

    Below the gallery, I placed a text block. Unfortunately, the text is not aligned with the gallery.

    How can I fix this?

    Please find a screenshot in the private content area.

    Best regards,

    zizibe1

    March 10, 2020 at 9:53 pm #1192022
    Victoria

    Hey zizibe1,

    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

    
#top div .avia-gallery .avia-gallery-big {
  padding-left: 0px;
}
#top #wrap_all .avia-gallery .avia-gallery-thumb a img{
  padding-left: 0px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 11, 2020 at 12:50 am #1192077
    zizibe1

    Hi Victoria,

    Thank you for your prompt reply.

    Your code works. Now the text is aligned to the gallery.

    I combined your code with my code. Now, it looks like this: 

    /* no border around gallery big preview, correct left and bottom padding */
#top div .avia-gallery .avia-gallery-big {
    border-style: none;
    padding-left: 0px;
    padding-bottom: 0px;
}

/* no border around gallery thumbnails, padding 0px to reduce white space */
#top div .avia-gallery img {
    border-style: none;
    padding-top: 0px;
}

/* correct left padding of gallery thumbnails */
#top #wrap_all .avia-gallery .avia-gallery-thumb a img{
  padding-left: 0px;
}

    Is there a way to simplify this code?

    Best regards,

    zizibe1

    March 11, 2020 at 12:51 pm #1192240
    Victoria

    Hi,

    You can try using the code like this:

    
/* no border around gallery big preview, correct left and bottom padding */
#top div .avia-gallery .avia-gallery-big {
    border-style: none;
    padding-left: 0px;
    padding-bottom: 0px;
}

/* no border around gallery thumbnails, padding 0px to reduce white space */
/* correct left padding of gallery thumbnails */
#top div .avia-gallery img,
#top #wrap_all .avia-gallery .avia-gallery-thumb a img {
    border-style: none;
    padding-top: 0px;
    padding-left: 0px;
}

    Best regards,
    Victoria

    March 13, 2020 at 11:20 pm #1193019
    zizibe1

    Hi Victoria,

    The code works fine. Thank you very much for your support.

    You can close this topic now.

    Best regards,

    zizibe1

    March 14, 2020 at 1:38 am #1193025
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Align text and gallery’ is closed to new replies.