Hello Enfold-TEAM!
I have used the following code in the webside link down below – I have created 5% borders for my content-area:
.boxed .container {
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
Now I have a problem: I wanted to insert a grafic (in the image container) under the text of the 2nd 1/3 collumn (after the Text (“….Mitglied im Österreichischen Bundesverband für Gedächtnistraining”) This grafic should start directly at the right border – it should be cut of there – it should exactly look like now – with the camera/gitarre-grafic –
BUT
for the that I used a color section with background-image. But here, i can’t have a fixed position directly under the text in responsive view (like with a normal picture container)… with @media only screen… the picture jumps…
Any idea, how i can use the normal image container and put the set the picture directly to the right border?
Hey jamemo,
Can we please take a look at the element you want to do it for, so we can be able to add the proper CSS?
Thanks a lot
Best regards,
Basilis
Hello Enfold-Team
OK, I added an image-container and set a new picture under the text.
In full-width view, it should stay at the postion of the image of the color section – you can see it behind the picture.
In responsive view, it should always stay under the text – it should not “jumb” like the picture in the color section.
Thank you for the help!
Hi,
Remove the image element then add this in the Quick CSS field to move the background of the color section downwards.
@media only screen and (max-width: 767px) {
.page-id-3406 #after_section_1 {
padding-bottom: 200px;
}
}
Best regards,
Ismael
Thank you for you help!
Best regards,
jamemo