Custom font CSS for Food Menu Prices

Site URL: https://www.players-social.com/food

Hi there,

I'm looking to change the font style for the price on my online food menu. Can you please help me how to target it in CSS as I was able to change all the title and description fonts, but the price stays in the old font and it's not aligned with the rest.

Many thanks

49 minutes ago, vanessa_k17 said:

Site URL: https://www.players-social.com/food

Hi there,

I'm looking to change the font style for the price on my online food menu. Can you please help me how to target it in CSS as I was able to change all the title and description fonts, but the price stays in the old font and it's not aligned with the rest.

Many thanks

Try adding to Home > Design > Custom Css

.menu-item-price-top {
  font-family: 'SportingGrotesque-Regular';
  font-size: 16px !important; 
}

Let me know how it works on your site

My testing

7 minutes ago, vanessa_k17 said:

Brilliant thank you, that worked well! 

And another question with the add on dishes (eg +Mozzarella (£1.50)) can I make them the same size as the ingredients (eg: Fennel, Basil, Lemon Zest, Oregano) 

Thanks so much!

17 hours ago, vanessa_k17 said:

 

You can use this CSS to change text size

.menu-item-option {
    font-size: 15px;
}

Perfect, thanks so much!

One more question regarding this menu layout, is there a way the prices can go below the title, if the title is too long. (https://www.players-social.com/drinks)

As at the moment it separates the line in a very strange way. For example line 2 with Organic Tempranillo - the price  should rather be below the whole title. I made the price size a bit smaller, but it doesn't help much

Many thanks

V

On 10/6/2022 at 4:51 PM, vanessa_k17 said:

Perfect, thanks so much!

One more question regarding this menu layout, is there a way the prices can go below the title, if the title is too long. (https://www.players-social.com/drinks)

As at the moment it separates the line in a very strange way. For example line 2 with Organic Tempranillo - the price  should rather be below the whole title. I made the price size a bit smaller, but it doesn't help much

Many thanks

V

 

the prices can go below the title, if the title is too long >> Not possible

the prices can go below the title >> Possible, even title long or short.

You can also consider increase page content width, reduce title, price size

What do you think?

On 9/15/2022 at 7:45 PM, vanessa_k17 said:

Site URL: https://www.players-social.com/food

Hi there,

I'm looking to change the font style for the price on my online food menu. Can you please help me how to target it in CSS as I was able to change all the title and description fonts, but the price stays in the old font and it's not aligned with the rest.

Many thanks

To change the font style for the price on your online food menu, you'll need to target the price element specifically in your CSS. If you've already changed the fonts for titles and descriptions, check if the price has a unique class or ID that you can use. If it doesn't, you may need to assign one. Once you've identified the price element, adjust the font style and alignment to match the rest of the text on the menu.