Jump to content

Custom CSS font not working on menu block price

Recommended Posts

Hi — So far I've been successful in customizing the menu block in Squarespace 7.1 with my custom fonts using the code below. However, I am not able to identify what code effects the font of the price. Currently the font is poppins, which is the default font. I have tried:

.menu-item-price-bottom {  
font-family: 'rockhill-regular' !important;
}

But this doesn't really solve my problem as I would like to keep the price to the right, as shown, not bottom. At the moment, the only way to get the price to be 'rockhill' is if I remove the dollar sign and the price becomes part of .menu-item-title which doesn't look as clean. 

Overall, I would like to change the price's font from poppins to 'rockhill-regular' so that it matches the description font. This obstacle is additionally frustrating because some menu items can have the price written in the section description but for items that have varying prices, you can obviously see the difference in font.

I am currently building this website for a client in trial mode, so I will not be able to give out password details.

Thank you for your help in advance! -D

--------

/*CUSTOM CSS MENU*/
.menu-section-title {
font-family: 'zangezi';
}

.menu-section-description {
font-family: 'rockhill-regular';
}

.menu-item-title {
font-family: 'rockhill-rough';
}

.menu-item-description {
font-family: 'rockhill-regular' !important;
}

Screen Shot 2021-09-01 at 4.24.59 PM.png

Screen Shot 2021-09-01 at 4.24.40 PM.png

Edited by demisa
Link to comment
On 9/5/2021 at 3:33 PM, demisa said:

change the price's font from poppins to 'rockhill-regular'

Your site is private. Can you setup password & share url again?

image.thumb.png.eed7c58719e896a1d86e0620517fb5fa.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
17 hours ago, demisa said:

@tuanphan 

site: https://khaki-cobalt-2y6r.squarespace.com/menu // password: dollyspassword

Add to Custom CSS

/* menu price custom font */
span[class*="item-price"] *, span[class*="item-price"] {
    font-family: 'rockhill-regular' !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...
15 hours ago, demisa said:

@tuanphan Hey there. My client wants to center the menu, but when I change the design format, the price font changes back and I'm left with my original problem. How can I fix this? Thanks.

Can you check site url?

SITE DELETED
This site has been deleted by the owner.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.