Jump to content

How to make the "Shopping cart" title as Heading 2 and add light grey (#f5f5f5) background to the shopping list.

Recommended Posts

1 hour ago, GastonDuflos said:

Site URL: http://www.gastonduflos.com

Hi I would like to know how to make the "Shopping cart" title as Heading 2 and add light grey (#f5f5f5) background to the shopping list please, does anyone can help me out?

Thank you

Gaston

Hi, Upon inspection i found that Shopping Cart is already H2 (see the attachement). Let me know the styling you want to add for it and i will send you the code. However here's the code to add light grey background to shopping list.
Please go to design>custom CSS and paste the following code
.cart-container {
    background-color: #f5f5f5 !important;
}
Please let me know how it goes, and ask for help if it does not work. Please mark the answer as correct if it works. Thanks

 

Screenshot (190).png

Get Our MultiCurrency Extension for Your Site (7.0 & 7.1)

Feel free to reach out for help and projects!

The Squarespacer Limited

Link to comment
  • 3 weeks later...
11 hours ago, GastonDuflos said:

Hi! Thank you for your help.

I copy paste the code that you sent me and it worked!

I just need to fix the SHOPPING CART word only.

Can we make it bigger? Maybe H1?

 

Thank you!

Hi Gaston! You can increase the size of the Shopping Cart Word by increasing the font-size in the following code:
Please go to design>custom CSS and paste the following code
.cart-title {
    font-size: 28px !important;
}
Please let me know how it goes, and ask for help if it does not work. Please mark the answer as correct if it works. Thanks

Get Our MultiCurrency Extension for Your Site (7.0 & 7.1)

Feel free to reach out for help and projects!

The Squarespacer Limited

Link to comment
  • 1 month later...
On 5/5/2022 at 10:53 AM, GastonDuflos said:

I would like to know how to make the "Shopping cart" title as Heading 2

As mentioned above, the Cart Title is already a 'h2' heading but you can change the font-size manually with some CSS.

  1. Add it to Design > Custom CSS
  2. Customise the font size as required (example 42px)
  3. Click Save
  4. Refresh the page in your browser - otherwise the changes will not be visible 🙂
.cart-title {
  font-size: 42px!important;
}

 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

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.