(Squarespace) Turn next/previous in Event into button

To turn Next/Previous in Event into button, from this.

To this.

You can use this code to Custom CSS

section.item-pagination[data-collection-type^="events"] {
    &>a {
    background-color: #000;
    padding: 5px 10px;
    border-radius: 30px;
}
    * {
        color: #fff !important;
    }
    svg {
        stroke: #fff !important;
    }
}

To change black background, change this line

To change text/arrow color, change these lines

1 Like