Jump to content

Section Overlay

Recommended Posts

Hello everyone !
I am almost done with my website, super thrilled about that. I still have a few issues regarding my section overlay :
https://www.qualitycupofcoffee.com/english
It concerns the 2nd Overlay "Consulting" for the consulting box. I created a "page" for my text box that I tried to overlay on the previous section. It works fine for the top of the box (white background) however the background colour of my page is hidden under the background colour of the next section (pink).

I really want to have the full section in white. I am struggling to make the half bottom of the box come above the next section. In the meantime I coloured the text in grey to create that visual separation effect but that's not what I want ... 

Any thoughts?
Best

Link to comment
  • Replies 8
  • Created
  • Last Reply

I'm not exactly sure what you want to change. I looked at it quick on mobile. A lot of the font is almost the same color as it's back ground.

Your back to top button and one other thing are over hanging to the right also. When the page loads, it's wider than the screen, giving a left to right scroll on my phone.

Can you post some screen shots of what you need changed?

Screenshot_20200711-063642_Firefox Beta.jpg

Link to comment

Oh my god ! I didn't spot that side problem on mobile. It's probably due to my button position, I just have to bring it back to the middle of the box and it should be fixed.

-> I removed the "grey color" which makes it confusing so you can see what problem I am trying to "hide". You see my white background colour is not appearing at the bottom. It's like it can't go above the pink colour ... 
 

Screen Shot 2020-07-11 at 14.39.54.png

Link to comment

I think just setting your background color of the body of the page should fix that issue too. Right now its set to that light color. This sets it to the dark color you have been using.

#collection-5d30a903f44849000182e85e {
    background-color: #002d33 !important;
}

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.