How to Place Content Blocks and Images in Between Sections in Fluid Engine

Hi! So I want to place some images and text blocks in between sections on a page and I'm stuck using fluid engine. I could do it easily in 7.1  by using the following code in the custom css:

#block-yui-123456789 {margin-top:-50%]

But the code doesn't work anymore for the blocks in fluid engine. Does anyone know how to solve this? The new editor is giving me a headache. Thanks for your help!

I guess you can drag it between sections. Have you tried it yet?

On 8/20/2022 at 5:51 PM, tuanphan said:

I guess you can drag it between sections. Have you tried it yet?

I can't drag anything between the sections, not sure what you mean here.

@KalyFiguresitOut same issue -- but only in footer sections. 

On 8/24/2022 at 1:45 AM, KalyFiguresitOut said:

I can't drag anything between the sections, not sure what you mean here.

Can you share link to page where you use image? We can take a look

11 hours ago, tuanphan said:

Can you share link to page where you use image? We can take a look

The website is www.designbycapella.com

Password: livewellathome

I've attached a photo of what I want to happen to the third photo from the top of the home page. I want it to overlap the first and second sections.

Thanks!

It worked!!! This is amazing.

I am trying to overlap some other content too, but I think it might be a bit more difficult because it is a colour block with content and not an image. I've attached a screenshot of what I am talking about with the blue container sitting in between sections. If you could let me know if this is possible to achieve that would we greatly appreciated!

Try this CSS

[data-section-id="6309b7c12339ed23641b8a37"] {
    position: relative;
    bottom: -100px;
    z-index: 999;
    padding-bottom: 0 !important;
    max-width: 95%;
    margin: 0 auto !important;
    background-color: #dbe8ee !important;
}

Find section id with above tool.

Woohoo! Works great, my site is all fixed up. I really appreciate the help.

I'm having this issue too!  

Here's the page:  https://sequoiasouth.com/link-in-bio

I'd like the image to hover between the two sections.  (between the green background image and the white section below it)

On 1/19/2023 at 1:52 AM, sequoiasouth said:

I'm having this issue too!  

Here's the page:  https://sequoiasouth.com/link-in-bio

 

I'd like the image to hover between the two sections.  (between the green background image and the white section below it)

Add to Design > Custom CSS

[data-section-id="63c83562b612db4d27f58414"]:after {
    content: "";
    display: block;
    background-image: url(https://images.squarespace-cdn.com/content/v1/63c206171edcf3412d412d73/431a6202-a506-491c-b6a0-41b0787f41aa/Sequoia+South+%7C+Promo+1.jpg?format=750w);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 250px;
    height: 250px;
    position: absolute;
    bottom: -125px;
    border-radius: 50%;
    z-index: 99999;
    left: 50%;
    transform: translateX(-50%);
}

I have a similar issue. I'm trying to get this orange circle to bridge the section below on the left. The background has an image so I'm having trouble getting the circle to show over the background with code. I tried the above code but something isn't working properly for me. Any help is appreciated. Thanks!

URL: insight2impactcoaching.com

Password: private

On 5/7/2023 at 5:26 AM, courtneyhwilson1 said:

I have a similar issue. I'm trying to get this orange circle to bridge the section below on the left. The background has an image so I'm having trouble getting the circle to show over the background with code. I tried the above code but something isn't working properly for me. Any help is appreciated. Thanks!

URL: insight2impactcoaching.com

Password: private

 

 

I see you figured it out?