Hello everyone,
I would like to apply this code (written for custom section dividers using a svg image) on the footer of a website.
Does anyone knows how to modify the selectors for that?
//Custom Section Divider//
#siteWrapper [data-section-id="650d5074e0ed013d7b087264"] {
.section-background {
overflow: visible;
&:before {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background: inherit;
-webkit-mask: url(https://static1.squarespace.com/static/650d5073e0ed013d7b08723e/t/650f07edb846d85a6d29d505/1695483885650/GRASS.svg) bottom no-repeat;
mask: url(https://static1.squarespace.com/static/650d5073e0ed013d7b08723e/t/650f07edb846d85a6d29d505/1695483885650/GRASS.svg) bottom no-repeat;
margin-top: 1px;
transform: translateY(-100%);
position: absolute;
pointer-events: none!important;
@media screen and (max-width: 800px) {
-webkit-mask-size: 300% 50%;
mask-size: 300% 50%;
}}}
}