Help with custom css font to apply to item categories in the 'Shop'

Site URL: https://www.riverrituals.com.au

Hey there!
Would anyone be able to help with a snippet of coding for updating the fonts displayed for the Item categories in 'SHOP' page / the font shown for price & 'add to cart' button on the product page? I've attached screenshots here displaying the fonts I'd like to update. All other body text / header text has been already updated in css to either 'copperplate' or 'raleway', just struggling with these odd bits from the shop. @tuanphan

Wanting to change the fonts to 'COPPERPLATE'

Category - 'Face Oils'

Wanting to change the price on product page and the corner navigation fonts 'Shop> CORRECTING - 10ml Face Oil'

Many Thanks!

Thank you so much! That worked perfectly! Also thanks for the super quick response here 🙂

@creedon It just hasn't worked for the item category on the initial SHOP page in screenshot below though has worked for product page details... I've attached a screenshot of how the product page is perfect now with that code though!

I"ve updated my code. There was a syntax error. Please reinstall.

Hey @creedon, the updated code still reflects the lasted screenshots sent through. Just the 'face oils' product category/tag text still needing some assistance with...

Many Thanks!

The period is missing from your CSS.

nested-category-children

...should be...

.nested-category-children

That was the syntax error.

Amazing! Thats all fixed now! Thank you again 🙂

Code worked great for me too! Can you tell me how to change the font for the "subtotal" heading on the shopping cart page?

@Funjob

#cart ._3qWE9VU-U span:first-child {

  font-family : your-font-family-name-here;
  
  }

Works like a dream! Just one other thing, I added a "Limited availability" tag option to my products - any idea how I'd change that font family too?

I also need it to be the same font when it appears on any product pages. And white rather than red on the cart page...

Thanks so much for helping with this!

On 5/19/2021 at 5:57 PM, Funjob said:

I also need it to be the same font when it appears on any product pages. And white rather than red on the cart page...

Thanks so much for helping with this!

Have you solved it yet?

Sadly no. Can you help?

Also, how do I set a custom font for a pop up (all sections)?

Thanks!

Also, I can't seem to change the close button in styles - it's white on white and I need it to be black.

Any help much appreciated! Thanks, Tuan!

22 hours ago, Funjob said:

Also, I can't seem to change the close button in styles - it's white on white and I need it to be black.

Any help much appreciated! Thanks, Tuan!

Hi. Can you share link to your site? I don't see above..

https://www.underhereyes.com

Password: Eyeballs

On 5/21/2021 at 4:57 PM, Funjob said:

Also, I can't seem to change the close button in styles - it's white on white and I need it to be black.

Any help much appreciated! Thanks, Tuan!

Hi. It looks you solved this by changing background?

Ha ha! Yeah, I cheated!

I'd still like to know how to set a custom font for all sections of the pop up though. Can you help?

https://www.underhereyes.com

Password: Eyeballs

1 hour ago, Funjob said:

Ha ha! Yeah, I cheated!

I'd still like to know how to set a custom font for all sections of the pop up though. Can you help?

https://www.underhereyes.com

Password: Eyeballs

Add to Design > Custom CSS

/* Promotional popup custom font */
.sqs-popup-overlay-content * {
    font-family: 'AvenirNext-Regular' !important;
}

@tuanphan Hi! I'm following on from the very original request, however, I just need to update the font of my shop category navigation headers in the SHOP page - are you able to share CSS?

Please let me know any other details to help with this request.

Thank you!

On 9/2/2022 at 5:22 PM, alisonp said:

@tuanphan Hi! I'm following on from the very original request, however, I just need to update the font of my shop category navigation headers in the SHOP page - are you able to share CSS?

Please let me know any other details to help with this request.

Thank you!

 

Can you share link to shop page? We can check easier

Hi there! Thanks so much for getting back to me. My website is not yet live so I don't believe a link would work...what's the next best option? Thank you!

18 hours ago, alisonp said:

My website is not yet live so I don't believe a link would work...what's the next best option?

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Hello, I am also following on from the original request. I am struggling to change to font for category tabs and add to cart. The font I want to change it to is Classico.otf.

Can anyone help please 🙂