Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 9, 2020 at 11:38 pm #1259422
    MarcusEls

    Is it possible to place text and image on top of each other like the example sent in enfold. And if so how should that be?

    screenshot

    November 10, 2020 at 10:51 pm #1259681
    Victoria

    Hey MarcusEls,

    Yes, it is possible. You can use the grid row with 2 1/2 and have a text block in one of them and the images as a background in another one. Then can help you adjust it.

    Best regards,
    Victoria

    November 10, 2020 at 11:40 pm #1259702
    MarcusEls

    Thanks for the help. Setup the page as you describe above. tried to fix it but still have no idea

    November 11, 2020 at 9:44 pm #1259964
    Victoria

    Hi MarcusEls,

    Credentials did not work for me. Could you please update the credentials?

    Best regards,
    Victoria

    November 11, 2020 at 11:26 pm #1259998
    MarcusEls

    I made a sub directory

    • This reply was modified 4 years ago by MarcusEls.
    November 17, 2020 at 6:46 am #1260906
    Ismael

    Hi,

    Thank you for the update.

    We removed the enfold-backgr class name from the text block and moved it to the parent column container, then use this css code to pull the text block section to the right so that it is on top of the background image.

    .responsive #top .enfold-backgr {
	position: relative;
	z-index: 100;
}

.responsive #top .enfold-backgr .av_textblock_section {
	right: -100px;
	position: relative;
        background-color: #f7f7f7;
        border-style: solid;
        border-width: 0px 0px 0px 3px;
        border-color: #97c000;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.22);
        padding: 5% 5%;
}

    Best regards,
    Ismael

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