Can someone fix my code so the subtitle "Sale" words are not off center?

NishInwood · November 20

Site URL: https://www.designbygeorge.co.nz/2025-nz-holden-nationals-merchandise

Can someone fix my code so that the subtitle under the product titles are not off center? The code has been added to replace the word "sale" under the products.

Here is the webpage: https://www.designbygeorge.co.nz/2025-nz-holden-nationals-merchandise

Here is the code:

.grid-item:nth-child(5) .product-mark {visibility:hidden}
.grid-item:nth-child(5) .product-mark:after{visibility:visible!important;
content:"PRE EVENT PRICING";}

.grid-item:nth-child(6) .product-mark {visibility:hidden}
.grid-item:nth-child(6) .product-mark:after{visibility:visible!important;
content:"PRE ORDER ONLY";}

Lesum · November 20

@NishInwood Hi! You can add this code under Website > Pages > Website Tools > Custom CSS

.products.collection-content-wrapper .grid-meta-status {
    font-size: 0 !important;
    padding-top: 5px;
}

.products.collection-content-wrapper .grid-meta-status .product-mark.sale::after {
    font-size: 1.1rem !important;
    line-height: 1em;
    
}

@media screen and (max-width: 767px) {
    .products.collection-content-wrapper .grid-meta-status .product-mark.sale::after {
        font-size: 1rem !important;
    }
}

NishInwood · November 20

Thank you so much! This solved the issue instantly!!!!

Can someone fix my code so the subtitle "Sale" words are not off center?

Recommended Posts

NishInwood

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Lesum

Lesum

NishInwood

Create an account or sign in to comment

News

Lesum

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources