Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 22, 2022 at 12:24 am #1373440
    Justin
    Guest

    Hey guys,

    May I ask the value of paying to extend support, etc. yet every time I go to your support forum, I cannot add a request for help?

    I am trying to figure out of the default Gallery works with your theme?
    The client chose two images (2 column) layout using WordPress’s default gallery in the blog:

    https://nimb.ws/z1XCeJ

    But on the frontend, even when selecting FULL-SIZE images, she gets this: https://nimb.ws/LB5s2v

    Tiny thumbnails.

    Any thoughts here?

    Thanks,
    Justin

    November 22, 2022 at 6:13 am #1373454
    Ismael

    Hey Justin,

    Thank you for the inquiry.

    Looks like your client is using the default WordPress gallery, which is not compatible with the theme because it doesn’t have any associated css files. Have you tried suggesting the gallery element from the Advance Layout Builder instead?

    If you want to fix the layout of the default gallery, please try this css code.

    #top .gallery-columns-2 .gallery-item {
    width: 48%;
    height: auto;
    float: left;
}

#top .gallery:after {
    content: "";
    clear: both;
    display: table;
}

#top .gallery a, #top .gallery a img {
    width: 100%;
}

    Please do not forget to toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.

    Best regards,
    Ismael

    November 22, 2022 at 10:28 pm #1373574
    Justin
    Guest

    Thanks, Ismael, the only downside to relying on shortcode for blogs (in particular), is that if you post blgs in high volume and you decide one day to move away from your theme, to another theme…. any post that utilizes your ALB will have trails of shortcode left behind, which results in a maintenance nightmare for any future Developer.

    November 22, 2022 at 11:19 pm #1373577
    Justin

    Mind sharing the CSS for 3-columns as well?

    November 23, 2022 at 7:00 am #1373602
    Ismael

    Hi,

    Mind sharing the CSS for 3-columns as well?

    Yes, sure. For 3-4-5 columns, please use this css code. 

    #top .gallery-columns-3 .gallery-item {
  height: auto;
  float: left;
}

#top .gallery-columns-2 .gallery-item {
  width: 48%;
}

#top .gallery-columns-3 .gallery-item {
  width: 32%;
}

#top .gallery-columns-4 .gallery-item {
  width: 24%;
}

#top .gallery-columns-5 .gallery-item {
  width: 19%;
}

    Best regards,
    Ismael

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