Product Page

Site URL: https://potato-sphere-g3k8.squarespace.com/config/?_ga=2.119541697.850092482.1588391025-1714686847.1588391025&_gac=1.49627794.1588740301.EAIaIQobChMI1bfD5rae6QIVUT2tBh207QNTEAAYASAAEgKCKvD_BwE

Hi!

Anyone know how to make our product page here have a better format? Here's our page: https://potato-sphere-g3k8.squarespace.com/config/?_ga=2.119541697.850092482.1588391025-1714686847.1588391025&_gac=1.49627794.1588740301.EAIaIQobChMI1bfD5rae6QIVUT2tBh207QNTEAAYASAAEgKCKvD_BwE

Is there a way to create something like this: https://blueprintprep.com/mcat/practice-exams/6-mcat-practice-exams

@tuanphan

Website: naonow.com Password: naonow

/config is url for site owner

Can you share link to product page?

Here you go! 

https://naonow.com/get-started/ultimate

https://naonow.com/get-started/pro

https://naonow.com/get-started/standard

16 minutes ago, rachelt said:

Here you go! 

https://naonow.com/get-started/ultimate

https://naonow.com/get-started/pro

https://naonow.com/get-started/standard

Can you describe in detail?

Sure! I would like to make our pages look like layout of the site I sent with the name of package at top then an underline then price then button then description of product details with left aligned font 

Is there any type of coding that would help create this layout? Thanks so much!

Add to Home > Design > Custom CSS

h1.ProductItem-details-title:after {
    content: "";
    background: green;
    display: block;
    width: 30%;
    height: 3px;
    box-shadow: 0 3px 12px rgba(46,82,143,.2);
}

Thanks!! Is there a way to decrease the margin at the top so that the product info starts higher up on the page? 

Add to Home > Design > Custom CSS

nav.ProductItem-nav {
    padding-bottom: 0 !important;
    display: none !important;
}
section.products.collection-content-wrapper {
    padding-top: 0;
}

Thank you!!!!