stretch image to egde of text element - Support | Kriesi.at

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
April 22, 2021 at 8:26 am #1295953
yampieters
Participant
Hello, is it possible to stretch an image in a text element to the edge of the element?

this is what i want:
https://jmcwebdesign.nl/interieur/wp-content/uploads/2021/04/home.jpg

this is what i got:
https://jmcwebdesign.nl/interieur/wp-content/uploads/2021/04/homenu.png

but if i choose a content section with a background image i have to work with topmargins to keep the two Header Elements and the textelement
on their place. And i think this will look not good on a mobile. Therefore im looking for a simple way to insert an image and make it stretcht to the edges left and right, both on a pc AND a mobile.

https://jmcwebdesign.nl/interieur/wp-content/uploads/2021/04/test.png

best regards, jelle
- This topic was modified 3 years, 7 months ago by yampieters.
April 24, 2021 at 11:22 pm #1296558
Mike
Moderator
Hey jelle,
Thank you for your patience and the links, as your page is currently setup please try this css:
```
#top.home #main .flex_column.kleur .column-natuur > img {
	margin-left: -50px !important;
    max-width: 150% !important;
}
```
After applying the css, please clear your browser cache and check.

Best regards,
Mike
April 25, 2021 at 6:47 am #1296567

yampieters
Participant

thats brilliant mike , thanks a lot
this ticket can be closed now
best regards, jelle

April 25, 2021 at 9:59 am #1296595

Nikko
Inactive Moderator

Hi jelle,

We’re happy to hear that :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘stretch image to egde of text element’ is closed to new replies.