How to Change Font Size in Storefront Theme

How to change the font sizes of different div's like Paragraph, Menu font size, Sidebar widget titles in woocommerce storefront theme with Styles CSS.

Storefront theme developed by woo-themes having clear product display. Font sizes in themes are set to default according to viewers preference. Like product image size in WooCommerce you can easily change font sizes as well in eCommerce website Visitors are interested in bigger size font in woo-commerce. Learn how to change font size in storefront theme of woocommerce using CSS.


Font size included:

  1. Changing Paragraph font size in Storefront theme.
  2. Increase sidebar heading font size.
  3. Font size of menu in Storefront.

Increase Paragraph Font size in Storefront theme:

  • Login to your WP-admin and Go to AppearanceĀ  > Customize.
  • In the Left sidebar scroll down and click on Additional CSS.
  • Paste the following code to increase font size of paragraph in storefront theme.
p {
 font-size:18px;
}

Storefront Theme – Sidebar Heading Size

Recently new upgrade of storefront theme having normal font of widget title. Users need to make them bigger in order to visible heading of storefront sidebar.

They write the style but didn’t work because widget title must include !important flag to override the default style.

.widget-title{
 font-size:50px !important;
}

Note: Paste the above code in wp-admin > Appearance > customize > additional CSS.


Menu Link Size in Storefront Theme:

According to the preference of users menu has slightly smaller in size and they need to upgrade their font size of menu links in storefront theme. How to bigger the size of storefront menu fonts.

ul.nav-menu > li > a{
  font-size:18px;
}

Note: Paste the above code in wp-admin > Appearance > customize > additional CSS.


Video for Font sizes in Storefront Theme:

Leave a Reply

Your email address will not be published. Required fields are marked *