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!!!