Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #794108

    HI, I want to overlap the background image of one color section over the top of another, is this possible?
    I have used a full width curved shape at the bottom of a color section with a transparent png. I want this to overlap slightly the next color section underneath it also with a full width background image

    Many thanks

    #794130

    Hey David,

    Have you considered adding another color section in between that two, and this one has the transition or overlap as the background?

    Or perhaps have just one color section, then add a separator between the two batches of content.

    I hope that was clear. If you need further help, a link to your website, or a screenshot will be helpful.

    Best regards,
    Sarah

    #794275

    Hi Thanks for the quick response. I don’t think that would work, one is a graphic over a background image set to fixed so it stays still as the page is scrolled

    Please see image attached to see if it helps explain
    Overlapping  required

    Many thanks

    #794614

    Hi,

    I’m not sure if that would be possible but send us a link to the page in question and we’ll have a look at it.

    Best regards,
    Rikard

    #795122

    Hi Rikard, its on my homepage http://fullrotation.com/
    But the I’ve removed the color section with that base white curve image as it wasn’t working and I couldn’t leave it live, as it just looks like a big white gap.

    I’ve seen this sort of thing done on other wordpress sites, It’d be great to be able to get it working
    Many thanks

    #795917

    Hi fullrotation,

    Here is a sandbox to play http://westciv.com/tools/3Dtransforms/
    Maybe you find your transformation there.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #795949

    my layout on your problem would be:

    click to enlarge:

    i made out of your dark-grey-curved-base-shape.png a white one and this is in that little colorsection in between as an image!

    the rest is :

    div.whiteoverlap {
        border-top: medium none;
        height: 0;
        min-height: 0;
        overflow: visible;
    }
    
    .whiteoverlap .container {
        margin: 0;
        max-width: 100% !important;
        padding: 0;
        width: 100%;
    }
    
    .whiteoverlap .content {
        padding: 0;
    }
    
    .whiteoverlap img {
        width: 100vw;
    }

    Result see here: https://webers-testseite.de/kokon/full-rotation-problem/

    #795959

    only one thing has to come now on my part: on responsive case there is a shift – a little distance i have to find – so just wait a while.

    Edit : no it was my fault i set up for the white curve image on the alb image-alignment : center there has to be no special alignment

    • This reply was modified 2 years, 5 months ago by  Guenni007.
    #796001

    wow, thank you so much Guenni007 I cant believe how much effort you went to for me, I used your code and methods and it works perfectly!

    Its now live http://fullrotation.com/

    It’d be great if they implemented your method as part of Enfold
    HUGE thanks again :)

    #796090

    Your always wellcome
    BTW : it is allways the same css code.
    Only the image is changing
    If you have that often – you can use that little button on every alb element – “save element as template” than the custom class and all the settings are inserted – you only have to replace the image inside. your grey curved thing could be done the same way – see my testpage.

    • This reply was modified 2 years, 5 months ago by  Guenni007.
    #796299

    Hi,

    Thanks @guenni007 for helping out as always :-)

    Best regards,
    Rikard

    #854105

    Hi. This is the same thing I require for a dev site, although I need it to be curved above the top section over a slider.

    It’s not working for me. This code works perfectly for under the color section, but I also require above…?

    I can’t offer login at this stage, as it’s on a local server at work. Any options very much appreciated. Thanks

    #854700

    Hi Jamsta,

    It’s more or less impossible for us to help you out if we can’t actually inspect the site. Could you upload your work to a live server please?

    Best regards,
    Rikard

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.