Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #688616

    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?

    #688773

    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

    #689169

    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!

    #691434

    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

    #691887

    Thank you for you help!

    Best regards,
    jamemo

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Image Container: Set Images to the right border’ is closed to new replies.