Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 26, 2014 at 10:54 pm #229796
    joerg_schaefer

    I’ve created a color section with parallax effect. Now I would like to have an image “standing on the bottom” of this color section. By default there seems to be a margin of about 100 px.
    How can I put the Image in the color section (not the background of the color section) on the bottom line?
    Here is an example .

    February 27, 2014 at 12:32 am #229828
    Yigit

    Hey joerg_schaefer!

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

    #av_section_1 .content {
padding-bottom: 0;
}

    Best regards,
    Yigit

    February 27, 2014 at 8:33 am #229955
    joerg_schaefer

    Hey Yigit
    Thanks for your quick answer. This fix nearly fits in Firefox but in Chrome and Safari there are still 42px margin-bottom. Any ideas?
    I think my idea, having a transparent graphic “sitting” on the following section, might be interesting vor others, too.
    Kind regards,
    Henning

    February 27, 2014 at 4:13 pm #230104
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .avia-section.av-minimum-height .container .content { 
vertical-align: bottom; }

    Regards,
    Yigit

    February 28, 2014 at 7:54 am #230470
    joerg_schaefer

    perfekt!!!

    Thanks a lot
    Henning

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Margin/padding bottom for overlaying image on parallax color section’ is closed to new replies.