Creating border with exceptions

Site URL: https://kollektiv.studio/about

Hello lovely community,

I have been really struggling to create bottom borders and hide those borders for certain sections of the site (images below). The site is using a template I bought (and can't get help from them - long story).

There is a sticky image section to the right on both kollektiv.studio/creative and kollektiv.studio/about that I need to 'exempt' or hide the borders/lines on, otherwise they go across the image. The code I tried to use is as follows (But I am getting a syntax error):

[data-section-id="62ddaaa1b1b73a149a8ede39”], [data-section-id="62dc3c868c9f8c11cb95963d"]  .page-section{border-bottom: hidden}

Right now, I am using a makeshift solution that places bottom borders on certain 'children'  (see code below) that doesn't interfere with the sticky image, but I would love to do this the other way around (where I have this code: .page-section{border-bottom:0.25px solid #002409} for the entire site and then hiding the bottom border for the sections I mentioned above.

.page-section:nth-child(1) {border-bottom :0.25px solid #002409}  

.page-section:nth-child(2) {border-bottom :0.25px solid #002409}

.page-section:nth-child(3) {border-bottom :0.25px solid #002409}

.page-section:nth-child(9) {border-bottom :0.25px solid #002409}

.page-section:nth-child(10) {border-bottom :0.25px solid #002409}

.page-section:nth-child(12) {border-bottom :0.25px solid #002409}

.page-section:nth-child(15) {border-bottom :0.25px solid #002409}

This has been a real head banger for me. Hope someone out there can help.

Thanks in advance!!!

You mean remove this border?

No, I mean I want to place more bottom borders across the site, but when I do it site wide with code or for a 4 or 5 or 6th child, the line continues across the image - like so (when I add: .page-section:nth-child(5) {border-bottom :0.25px solid #002409}

And I don't know how to create an exception to hide the line for these two sections with a sticky image. 

Make sense?

And THANK YOU for looking into it/helping.

Hi @tuanphan we are trying to hide a border on our site that is located on the about and service pages at the bottom. Screenshot below. I've tried to inspect the element but I can't seem to locate it. Would you be able to take a look for us? Thank you!

URL: https://martini-i3-may.squarespace.com/about

Password: DoveLove2022!

Hi @tuanphan here is the screenshot. Thank you. 

13 hours ago, MinerMan2022 said:

Hi @tuanphan here is the screenshot. Thank you. 

Hi,

No line under 3 boxes here. Did you solve it?

5 hours ago, tuanphan said:

Hi,

No line under 3 boxes here. Did you solve it?

Hi @tuanphan sorry I did not explain clearly. The line in the middle of the boxes (highlighted in pink box below) Thank you. 

16 hours ago, MinerMan2022 said:

Hi @tuanphan sorry I did not explain clearly. The line in the middle of the boxes (highlighted in pink box below) Thank you. 

Find & remove this code

.sqm-image-boxes .sqs-layout:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 95px;
    left: 0;
}

6 hours ago, tuanphan said:

Find & remove this code

.sqm-image-boxes .sqs-layout:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 95px;
    left: 0;
}

 

Thank you!