Jump to content

How do I increase product name, product thumbnail size and make changes to checkout button?

Go to solution Solved by tuanphan,

Recommended Posts

Hey! Would love some help to make some changes to the shopping cart page.

  • I am trying to increase the font size for the product name, "Test Product"
  •  I am also trying to increase the size of the thumbnail.
  • Make the checkout button text capitalized, shorter width and matching my SUBMIT button I attached.

Here's my website link for the shopping cart. Add that item to the shopping cart and head to the shopping cart page to view it on your screen.

https://www.adunkleyportfolio.com/store-metal-prints/p/six-love-bruk-table-metal-print-ddk2m-rr92d-64y2p-stjpe-5tzgb-2yhd3-rxmej-a4rla-23azk-3zf3t-yhg4z-gdgpw

 

Here's the link to where the SUBMIT button is. (bottom of page)

https://www.adunkleyportfolio.com/

Many thanks!

 

Dunkley

 

 

Shopping Cart Screenshot.png

Submit Button Screenshot.png

Link to comment
  • Replies 6
  • Views 290
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...
  • Solution
On 3/21/2023 at 4:15 AM, Dunkley said:

Hey! 
 

Sorry about the late response. Here's the updated link. Select any of the products on this page and go to the checkout section. 

https://www.adunkleyportfolio.com/store-metal-prints

Thanks!

Add to Design > Custom CSS

/* name */
a.cart-row-title {
    font-size: 30px !important;
}
/* image */
div.cart-row-img-wrapper {
    width: 200px !important;
}
/* button */
button.cart-checkout-button {
    width: 200px !important;
    min-width: unset !important;
    max-width: unset !important;
    padding: 10px 20px !important;
}
div.cart-checkout {
    align-items: flex-end;
}

 

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
On 3/28/2023 at 9:14 AM, Dunkley said:

Thank you! These codes worked well. I still need help with this last request.
"CHECKOUT" should be in Uppercase.

Many thanks for your time!

Use this code

button.cart-checkout-button {
    text-transform: uppercase !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.