Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 10, 2025 at 3:09 pm #1485283
    bonsaimedia

    We’re using a divider with negative height to pull up the image over the green background. This works perfectly in Chrome, but in Firefox it doesn’t and the image starts below.

    I tried solving this by removing the divider and putting the negative margin on the row itself. The vertical position of the image is fine in both Chrome and Firefox, but strangely enough the second column then starts all the way on the left disregarding the first column.

    Any idea how to fix this?

    June 11, 2025 at 7:15 am #1485309
    Ismael

    Hey bonsaimedia,

    Thank you for the inquiry.

    Try targeting the content wrapper of the second color section instead.

    #av_section_2 .entry-content-wrapper {
	margin-top: -600px;
}

    If you need to apply this to specific color sections, try to assign a Advanced > Developer Settings > Custom CSS Class to them, then adjust the css rule accordingly.

    Firefox screenshot:

    View post on imgur.com

    Best regards,
    Ismael

    June 11, 2025 at 10:29 am #1485325
    bonsaimedia

    This works fine, but is there no solution without using a custom class?

    June 12, 2025 at 7:14 am #1485360
    Ismael

    Hi,

    You can keep the current css rule, but the selector #av_section_2 is generic and commonly used across the site. The changes above might be applied to sections where they are not intended. If you’re not sure how to apply custom css class names to the element, please check the documentation below.

    — https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

    Best regards,
    Ismael

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