Product Name & Price on Same Line in Squarespace
This tutorial is specifically for the latest version of Squarespace, known as 7.1, and won't work for older versions of Squarespace. For more information, visit https://insidethesquare.co/themes
In this Squarespace tutorial will helps you shift that price point up a bit, so it’s in line with the name of your product and not underneath it.
You can change the color, font family, and even font sizes using the design menu. this tutorial will show you how to change the position of that label above the sale image, on desktop and mobile.
Here is the code example from this tutorial:
.grid-main-meta {
display: inline-flex;
justify-content: space-between;
width: 100%;
}
.grid-prices {
margin-top:0px!important;
}