Jump to content

Product Price /Afterpay logo CSS

Recommended Posts

I’m wondering if its at all possible to add CSS to force the product price to display under the product description and directly above the add to cart button on mobile tablet and desktop. 

 

At the moment it displays under the product title and above the description and I feel like flow of that is a bit weird Also any idea how to remove random white space padding from around the learn more (Additional Information,  accordion) any help would be greatly appropriated

Photo for reference / tablet

 

Website :www.enchantanddelight.com.au

thank you 

856A260F-21A6-48E2-91D4-2E9CB1C33A56.png

Link to comment
  • Replies 1
  • Views 302
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Try adding to Design > Custom CSS

/* price position */
.ProductItem-product-price {
    order: 2 !important;
}
.ProductItem-details-checkout {
    display: flex !important;
}
.product-price {
    order: 2 !important;
}
.ProductItem-details-excerpt {
    order: 1 !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.