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

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


IssiMead

Question

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!

Screen Shot 2021-01-12 at 2.51.14 pm.png

Screen Shot 2021-01-12 at 2.52.31 pm.png

Screen Shot 2021-01-12 at 3.03.07 pm.png

Edited by IssiMead
adding another screenshot
Link to comment

19 answers to this question

Recommended Posts

  • 0

Add the following CSS.

.collection-type-products .ProductItem-details .product-price,
.ProductItem-nav-breadcrumb,
body:not( .button-style-default ) .sqs-add-to-cart-button,
.nested-category-children

  {
  
    font-family : COPPERPLATE;
    
    }

Let us know how it goes.

Edited by creedon
fixed syntax error

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0
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!

1169476968_Screenshot2021-05-19at11_54_55.thumb.png.cf201705b9b27d080a85ed58d08fb9c9.png253379147_Screenshot2021-05-19at11_55_06.thumb.png.3f960f97d1d1967e4629c88f4de8c750.png

Have you solved it yet?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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..

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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