Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 13, 2019 at 8:33 am #1156302
    Kanzleramt

    Hello Mods,

    can someone help me customize a masonry element?

    I’d like to create a narrower background under the title that takes up about 25% of the image seen from the ground. The title has to be placed accordingly.

    Unfortunately, I can’t get any further with the following code:

    .av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content {
position: absolute;
bottom: 0%;
}

    I think it’s the “#top .av-masonry-entry.isotope-item figcaption” element…

    Best regards,
    Andreas

    • This topic was modified 5 years ago by Kanzleramt.
    November 14, 2019 at 9:07 am #1156682
    Nikko

    Hey Kanzleramt,

    I think you just need to add height: 25% to your current code. Also remove the top margin for the caption title.

    Best regards,
    Nikko

    November 14, 2019 at 12:22 pm #1156732
    Kanzleramt

    Hey Nikko,

    Many thanks for feedback. This doesn’t work correctly because the title of the element will dissapear :-(
    One more idea?

    Best,
    Andreas

    November 15, 2019 at 8:48 am #1157087
    Nikko

    Hi Andreas,

    I just checked your site and like you already made progress (screenshot in private content).
    You can remove the top margin from the masonry title, by adding this css code:

    figcaption.av-inner-masonry-content .av-masonry-entry-title {
    margin-top: 0 !important;
}

    Also, I tried adding height: 25% via web inspector and it seems to work just fine, the problem I see before was the size of the masonry which is about a quarter of its current size.

    Best regards,
    Nikko

    November 15, 2019 at 9:18 am #1157094
    Kanzleramt

    Hi Nikko,

    thanks for your support. I’ve changed to margin-top topic yesterday afternoon, maybe you’d a cached site. I’ve also changed the size of the font to 0.9em and now I think it’s looking as good as possible ;-)

    Have a gread day

    November 15, 2019 at 9:53 pm #1157326
    Victoria

    Hi Kanzleramt,

    Is the issue resolved then or do you need more help?

    Best regards,
    Victoria

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