Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 20, 2016 at 7:44 pm #636031
    Marco

    Hi there,

    I would like to achieve the look of an image which overflows the dimensions of a color section (in height). Herefor I placed two single columns with 50% width inside the color section.

    – In the right column there is a simple text block element with some text. This should just stay as it is.
    – In the left column I placed an image element which should have an “overflow: visible” effect.

    Is it possible to give the color section a “fixed” height based on the right column (or may be a fixed pixel height) and assign overflow to the image in the left column? I Hope the issue is understandable…

    I´m afraid I didn´t come near a solution trying it myself.

    Thanks in advance, BR
    Marco

    May 20, 2016 at 10:29 pm #636066
    Basilis

    Hi marcolemgo!

    \Is it possible to share a screenshot for us of what you are trying to assist so we can understand the problem.
    Honestly it is a bit confusing.
    A screenshot and the page you are working it would be much helpful.

    Cheers!
    Basilis

    May 21, 2016 at 11:08 am #636180
    Marco

    Hi Basilis,

    unfortunately I can´t provide you with a link to the page, its only a local version yet.
    But here are two images, which hopefully can explain my request:

    img1

    img2

    So the first image shows roughly how it should look in the end.
    In the second picture you can see which elements are used in the backend of enfold.

    So this is what I´m trying to do:
    The color section (1) should define its height by the text element (4) in the right column (2).
    And the image element (3) in the left column (2) should have a fixed height, which overlaps/overflows the dimensions of the color section (1) in height without having influence to the height of the color section(1).

    Hope this will give you an idea of what I´m trying to achieve.

    Best Regards
    Marco

    May 24, 2016 at 3:59 am #637219
    Ismael

    Hi,

    Thank you for the info.

    Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Add a custom css class attribute to the image element, set its position to absolute then play around with its positioning. http://www.w3schools.com/css/css_positioning.asp

    Best regards,
    Ismael

    May 24, 2016 at 4:31 pm #637591
    Marco

    Hi Ismael,

    just want to let you know – IT WORKS! I think the custom css class field will be my new best friend ;-)
    Thanks a lot, pal.

    BR Marco

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Fixed height color section with image overflow’ is closed to new replies.