Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 10, 2024 at 1:19 pm #1468806
    ausgesonnen

    Hallo,
    I am using the element Masonry Gallery. Bitte schicke CSS damit ich folgende Aspekte ändern kann:

    1. “stretch fullwidth” ändern zu der Weite des Headers
    2. kein grauer Schleier auf den Bildern vor dem Mouse Over, Bilder grösser soll bleiben, aber nicht grau. So wie bei der Massonry portfolio gallery.
    3. Hintergrund weiss.

    danke

    October 10, 2024 at 2:01 pm #1468810
    ausgesonnen

    Zusätzlich würde ich auch gerne quadratische Bilder dazwischen haben. Die Originalformate sind teilweise quadratisch aber das Programm schneidet sie zu. Wie können sie quadratisch bleiben?

    October 11, 2024 at 3:55 am #1468881
    Ismael

    Hi,

    Thank you for the inquiry.

    1.) Have you tried placing the gallery inside a 1/1 Column element?

    2.) To adjust the hover effect, try to adjust the Image Hover Effect settings in the Advanced > Animation panel.

    3.) Please try selecting the Perfect Grid option in the Styling > Masonry Settings > Size Settings to create a grid where all items have the same size.

    Best regards,
    Ismael

    October 11, 2024 at 7:08 pm #1468948
    ausgesonnen

    Hi Ismael,

    1. ok will try that.
    2. I have already tried al the option there. There is non that does what need. See my message above. Please send CSS.
    3. Not all items should have the same size. Some should be landscape, some portrait and some square. Please advice ho to do that. Perfect grid is not the answer. I have already tried all the options.

    Best
    Pete

    October 12, 2024 at 8:26 pm #1468997
    Mike

    Hi,
    To remove the “grey veil on the images before the mouse over” try this css:

    .responsive #top .av-hover-overlay-active .av-masonry-image-container {
    opacity: 1;
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    October 15, 2024 at 9:33 am #1469134
    ausgesonnen

    Ok thanks that worked

    October 15, 2024 at 12:14 pm #1469147
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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