Title + Description of masonry element alignment - Support | Kriesi.at

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
September 20, 2022 at 6:44 pm #1365757

evas49
Participant

Hi,
what is the selektor / CSS if i want to have the Title + Description of a masonry element not in the middle of the image (if overlay has been choosen) but aligned to the bottom of the image?

I am talking about this:
<figcaption class="av-inner-masonry-content site-background"><div class="av-inner-masonry-content-pos"><div class="av-inner-masonry-content-pos-content"><div class="avia-arrow"></div><h3 class="av-masonry-entry-title entry-title " itemprop="headline">HEADLINE</h3><div class="av-masonry-entry-content entry-content" itemprop="text">LOREM IPSUM.<div class="av-masonry-read-more">weiterlesen...</div></div></div></div></figcaption>

regards
Eva

September 21, 2022 at 12:50 pm #1365821
Ismael
Moderator
Hey evas49,

Thank you for the inquiry.

You can use this css code to align the masonry content at the bottom of the caption container.
```
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: end;
    justify-content: center;
    align-items: end;
    height: 100%;
}
```
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael
September 25, 2022 at 11:05 pm #1366287

evas49
Participant

Hello Ismael,
thank you. It works.
kind regards
eva

September 26, 2022 at 3:17 pm #1366383

Yigit
Keymaster

Hi Eva,

We are glad that Ismael could help!

Let us know if you have any other questions and enjoy the rest of your day :)

Best regards,
Yigit
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Title + Description of masonry element alignment’ is closed to new replies.