Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 5, 2023 at 11:09 am #1412493
    Daniela

    Hi there,

    I used the Gallery element to display images. I want the images to be displayed smaller but regardless of the size I select under “Style” the image size stays the same.

    Any solutions for that?

    Thanks a lot
    Daniela

    July 5, 2023 at 7:46 pm #1412541
    Rikard

    Hi Daniela,

    Could you post details in private to where we can see and reproduce the problem please?

    Best regards,
    Rikard

    July 7, 2023 at 8:35 am #1412675
    Daniela

    Hi Rikard,

    thank you for your help, please find details below.

    Regards
    Daniela

    July 16, 2023 at 10:10 pm #1413434
    Mike

    Hi,
    Thank you for the link to your site, I see that your gallery is about 400px square with very little space between them while your other images are 300px square with a lot of space between them, so to match these try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top.home div .avia-gallery img {
	padding: 50px;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    July 17, 2023 at 9:41 am #1413460
    Daniela

    Hi Mike,

    this works, thank you. Does the CSS apply to all pages? Do I have to change anything if I add galleries to all pages and want them to look the same?

    Regards
    Daniela

    July 17, 2023 at 12:21 pm #1413480
    Rikard

    Hi,

    Thanks for the update. The CSS Mike posted will apply to all pages. Please let us know if you would like more specific CSS.

    Best regards,
    Rikard

    July 17, 2023 at 1:41 pm #1413495
    Daniela

    Hi Rikard,

    I will adjust my existing pages and give a feedback. Thank you very much so far!

    July 17, 2023 at 2:36 pm #1413504
    Daniela

    For future reference:

    It has to be 

    #top div .avia-gallery img {
	padding: 50px;
}

    to work for all pages. Now it is the way I wanted it to be. I also added

    #top div .avia-gallery img {
	padding: 50px;
border-style:none;
}

    to delete the thin grey border around the gallery.

    Thanks for helping me, thread can be closed.

    Regards
    Daniela

    July 17, 2023 at 7:55 pm #1413523
    Rikard

    Hi,

    Great, I’m glad that you found a working solution, and thanks for sharing your code. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Gallery element – image size’ is closed to new replies.