Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 29, 2015 at 11:24 am #544118
    Driekus

    Hello people,

    I’m working on an idea wich I can’t seem to get working. I have got a picture from someone leaning and I want it to look like it seems that this person is leaning on the color section below. I have created a screenprint of what I want to achieve.

    On full screen mode this is no problem. I have created a color section with a jpg background. This jpg contains the top of the color section below. In the color section I have a 2/5 olomn with tekst and a 3/5 colomn with the image of the person leaning. When the screen is resized the image of the person leaning floats to the top of the color section wich screws up my idea.

    I have tried it with CSS position and bottom but no luck so far. Is there a way to achieve this or should I give up my idea?

    Regards,
    Erik

    • This topic was modified 9 years ago by Driekus.
    November 30, 2015 at 1:54 pm #544468
    Yigit

    Hi Driekus!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) and (min-width: 767px) {
.home #av_section_2 img {
    position: relative;
    top: 40px;
}}

    Regards,
    Yigit

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