Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 4, 2016 at 7:38 pm #708397
    tobee_hh

    Hey Kriesi Team,

    i have a couple of questions for you:

    1: Masonry: How can i define a specific padding between the images in a Masony? I know about the setting in the visual editor: But you can only either decide for a 1 Pixel Padding or a “large padding”. What if i need a larger padding?

    2: Masonry: How is it possible to set a specific colored overlay on mouseover? I would for instance like to try out a partially transparent red overlay and a white typo when mouseovered.

    3: Masonry: Is it possible to deactivate the ken burns effect on mouseover?

    4: General: Is it possible to upload specific Typos? How does it work?

    5: General: Is it possible to set a different transparent header font color on different pages?

    6: Masonry: Is it posible for Headings to overlay pictures like in this example here:
    http://www.elenaknecht.ch/

    Thank you for your answer and sorry for all those questions :)

    • This topic was modified 8 years ago by tobee_hh.
    November 7, 2016 at 2:18 pm #709193
    Andy

    Hey tobee_hh,

    1.) try to play around with margin and padding values for your masonry:

    .av-inner-masonry-sizer {
margin: -10px;
padding: 10px;
}

    and adjust as needed.

    2.) Try this code:

    #top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content {
background: rgba(92,237,237,0.7);
}

    and adjust rgba code as needed.

    3.) I checked your masonry, but can’t find any zoom effect. Could you remove it already?

    Please open a new ticket for a new question, then we keep our forum clean and you will get faster results, as different moderators can answer your tickets simultaneously.

    Best regards,
    Andy

    November 18, 2016 at 10:06 pm #714191
    tobee_hh

    Hello,

    Sadly Solution 1 is not working …

    November 22, 2016 at 1:02 pm #715276
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
    right: 30px;
}
.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
    padding-bottom: 77%;
}

    Best regards,
    Yigit

    November 22, 2016 at 1:04 pm #715282
    Andy

    Hi,

    try to add an !important:

    .av-inner-masonry-sizer {
margin: -10px !important;
padding: 10px !important;
}

    Don’t forget to clear browser cache and hard refresh a few times. Hope this helps!

    Best regards,
    Andy

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