Product Name and Price on One Line

Looking for a way to place the product title and price on the same line in your Squarespace shop? In this tutorial, we’ll use a simple CSS snippet to move the product price up, so it sits next to the title under the image. Follow these easy steps to make your store layout cleaner and more professional!

1. How it Works

1. From your Squarespace dashboard, select your website.

2. Click on Pages from the left-hand menu.

3. Scroll down and go to Website Tools.

4. Click on Custom CSS.

---

2. Add this code to CSS

.grid-main-meta {
  display: inline-flex;
  justify-content: space-between;
  width: 95%;
  }
 .grid-prices {
    margin-top:10px!important;
    }

To apply this code into your Squarespace site, simply follow the steps provided. If you encounter any issues or need further assistance, feel free to reach out to us—we’re here to help!

$5.00

$10.00

$15.00

$20.00

$25.00

$30.00

Custom Amount

Please enter an amount

$

APPRECIATE OUR WORK 😊 APPRECIATE OUR WORK 😊