Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1200799
    ZerotoOne
    Participant

    hey there,
    I’d like to achieve this effect on my page http://prntscr.com/cpeeyv
    my site is http://www.zerotoone.de and I already inserted the fitting image

    thanks for your help! 🙂

    #1200826
    ZerotoOne
    Participant
    This reply has been marked as private.
    #1200869
    Rupok
    Member

    Hi there,

    Upon checking your website, it seems you already achieved that. Would you clarify what else you need to accomplish? A mockup of your desired layout would be helpful

    Thanks!

    #1200874
    ZerotoOne
    Participant

    sorry but I just set up the background image as you can see here the section/image is still not overlaping http://prntscr.com/cpf4ru

    could it be a problem with my custom css? please have a look, thank you very much! 🙂

    #1200990
    Joao
    Moderator

    Hi There,

    Add this image on your section (Not Background image) and add the following code on the style box of the image element on Cornerstone:

    margin-top: -40px;

    Hope it helps

    Joao

    #1201018
    ZerotoOne
    Participant

    thank you this worked great, but what if I want to add text, too?

    #1201467
    Rupok
    Member

    Hi there,

    Where you are trying to add text? You can still add text content and that should not be any issue. Let us know what you are facing.

    Thanks!

    #1201585
    ZerotoOne
    Participant

    I’am trying to add the text like this http://prntscr.com/cplcr3
    but since I added the picture as content, rather than background, I’am facing huge problems. Is there a solution where I get the overlap, while using the image as background? as you can see I added some transparency to the image, this way I wont need an overlap, but a min height.

    #1201671
    Christopher
    Moderator

    Hi there,

    You need to add image as section’s background. Then you can simply add cornerstone elements.

    Hope it helps.

  • <script> jQuery(function($){ $("#no-reply-1200799 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>