Custom CSS Restaurant Menu Headings and Paragraph Text + Left Align Category Headings

Ask the Community Customization
1

Does anyone have a custom CSS for the restaurant menu widget for the headings and paragraph text, as well as a custom CSS for left aligning the category headings

image
image304×402 13.4 KB
- Fonts I’d like to apply

1 Like
3

Hi there, @Tam_Johnson :wave:

I see that my colleague Viktoria has already contacted you in a support ticket and shared the solution:

/* Big Heading H1 */
[class*='info__InfoTitle-sc'],
[class*='Info__InfoTitle-sc'] {
  font-family: IvyJournal;
  font-size: 50px;
  font-weight: 800;
}

/* Medium Heading H2 */
[class*='tabs-control-item__Name-sc'],
[class*='TabsControlItem__Name-sc'] {
  font-family: IvyJournal;
  font-size: 36px;
  font-weight: 600;
}

/* Small Heading H3 */
[class*='sections-layout-masonry__TitleText-sc'],
[class*='name__NameComponent-sc'],
[class*='SectionsLayoutMasonry__TitleText-sc'],
[class*='Name__NameComponent-sc'] {
  font-family: Soleil;
  font-size: 24px;
  font-weight: 400;
}

/* Paragraph */
[class*='info__InfoCaption-sc'],
[class*='description__DescriptionComponent-sc'],
[class*='menu-item__ItemFooterText-sc'],
[class*='Info__InfoCaption-sc'],
[class*='Description__DescriptionComponent-sc'],
[class*='Item__ItemFooterText-sc'] {
  font-family: Soleil;
  font-size: 18px;
  font-weight: 300;
}

[class*="sections-title__SectionsTitleComponent-sc"],
[class*="SectionsTitle__SectionsTitleComponent-sc"]{
  justify-content: flex-start;
}

Give it a try and let us know how it worked :slightly_smiling_face: