Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Customize font on Shopping Cart page


Recommended Posts

Site URL: https://www.fluxbrews.ca/cart

I would like to change the title font on my Shopping Cart page. For some reason it has forced my Heading style into all caps, which doesn't read well in a script font. I would like to either force the heading out of caps, or change the text to my Paragraph style on this page.

Any help would be appreciated!

1908555882_ScreenShot2020-04-22at11_26_20AM.thumb.png.a380211b9771a46835d4d84544c84ead.png

Link to post
  • Replies 18
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Add to Home  > Design > Custom CSS .cart-title { visibility: hidden; } .cart-title:before { visibility: visible; content: "Shopping Cart"; text-transform: capitalize; fon

Posted Images

Add to Home  > Design > Custom CSS

.cart-title {
    visibility: hidden;
}
.cart-title:before {
    visibility: visible;
    content: "Shopping Cart";
    text-transform: capitalize;
    font-family: monospace;
}

 

Link to post
16 hours ago, jjjuliejj said:

I would like to hide the SHOPPING CART title completely.

I tried:


.cart-title {
    visibility: hidden;
}

But that did not work in 7.1.

Any ideas?  Thank you.

Can you share link to cart page on your site?

Link to post
  • 1 month later...
On 6/9/2020 at 5:02 AM, chichi said:

@jjjuliejj How did you make the "Shopping Cart" text invisible?

Also tried this code below but didn't work...


.cart-title {
    visibility: hidden;
}
.cart-title {
    visibility: hidden;
}

 

Link to post
1 hour ago, chichi said:

@tuanphan Doesn't work:(( Would you have any other way? I'd be fine with changing the font too instead of hiding it, if that's easier.

I see it works here. Can you share link to cart page? Where did you insert code?

Link to post
12 hours ago, chichi said:

I inserted on Custom CSS.

https://personalchefberlin.de/cart

password: june

Add to Home > Settings > Advanced > Code Injection > Header

<style>
  .cart-title {
    visibility: hidden;
}
</style>

 

Link to post
  • 1 month later...
  • 8 months later...

Oops this was what I inserted. It just didn't remove the old all caps title that was in script. Thanks

cart-title {
    visibility: hidden;
}
.cart-title:before {
    visibility: visible;
    content: "Shopping Cart";
    text-transform: capitalize;
    font-family: adobe caslon pro;
}

Link to post

@tuanphan This was what I inserted. It just didn't remove the old all caps 'Shopping Cart' title that was in script. Thanks

cart-title {
    visibility: hidden;
}
.cart-title:before {
    visibility: visible;
    content: "Shopping Cart";
    text-transform: capitalize;
    font-family: adobe caslon pro;
}

shopping cart title.png

Link to post
On 3/18/2021 at 10:38 PM, NNNancyNN said:

@tuanphan Just used suggested for hiding 'Shopping Cart' and it worked. Thanks!

Hi. Have you solved all problems yet?

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...