Customize font on Shopping Cart page

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!

Add to Home  > Design > Custom CSS

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

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.

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?

I figured it out.  Thank you.

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

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

.cart-title {
    visibility: hidden;
}

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;
}

@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.

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?

I inserted on Custom CSS.

https://personalchefberlin.de/cart

password: june

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>

@tuanphan It worked! Thank you:))

@tuanphan thank you SO much for the help!!

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

tuanphan - I insert the the above in Custom CSS the it only made the change as attched. Please help!

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;
}

@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;
}

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

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?

Hi @tuanphan I would like to change the Font style of this "Shopping Cart" text to another heading which appears on the site. I still would like for the "Shopping Cart" title to appear. 

Please may you help? 

Many thanks

14 hours ago, sophieameliadesigns7 said:

Hi @tuanphan I would like to change the Font style of this "Shopping Cart" text to another heading which appears on the site. I still would like for the "Shopping Cart" title to appear. 

Please may you help? 

Many thanks

Hi. Can you share link to cart page?

I'm having this very same issue as @TaraBarlow - can someone please help me with code to either

-change the text to capitalize instead of allcaps

-the font completely to Proxima Nova if allcaps

Thank you!

On 8/4/2021 at 7:02 AM, passionpilgrim said:

I'm having this very same issue as @TaraBarlow - can someone please help me with code to either

-change the text to capitalize instead of allcaps

-the font completely to Proxima Nova if allcaps

Thank you!

Hi. Can you share link to cart page on your site?

how do I edit the text underneath it?

7 hours ago, BereitsTot said:

how do I edit the text underneath it?

 

Which text?