My website seems too big now!

Store Design
,
1

Hi, I have noticed something weird lately within my shopify store. It seems like a zoom has been applied since the titles of the products look a bit too big as well as the headings and all.

Please take a look here lavishcstore.co. uk

I would really appreciate someone helps, hope I am being clear

2

@lavishconceptst

Please share a screenshot of what you want!

Thanks!

3

Hi, please take a look here. The titles seem to huge, before it wasn’t like that.

https://lavishcstore.co.uk/products/dalsh-designs-checkered-dress-with-hand-made-floral-apliques

It seems like all letters on the website have been zoomed or increased in size, any idea?

4

@lavishconceptst

Tap Edit. Click Theme settings > Typography. To change the default font size for headings, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 150%.

5

@lavishconceptst

The following steps will guide you to manage fonts in Shopify:

  • Login to Shopify admin, click Themes tab, and then click on Customize theme.
  • Find Themes option in the left hand side of the tab that opens.
  • Click the Typology tab, and there you will get plenty of options to edit your Shopify font, like
    Base font, Page Heading font, Links color, Product name, Product description styles or Product
    price color.
  • To re-size the font, you can simply enter the amount of pixels required.
  • To change the color, click on the color area and choose the your color from the color piker box
    or enter hex code value
  • To change the font, select Custom, and then enter your own link and also the google font
    family.
  • In order to replace the customized font with the regular ones, select Regular and you can
    choose the font you want from the drop-down list.
  • Once you have done all the necessary changes, click Publish changes to apply the changes made
    to your live store or select Save setting as Preset.
    How to add your own (custom) font style?
  • Open Google web font page and choose the font you want with the help of left menu filter.
  • From the list, select the font you want and then click on Quick use button.
  • Select the appropriate font style, but make sure the more style you select, the slower the page
    will upload.
  • Move down to third option, Add this code to your website, and from there copy the below
    mention code.
  • Login to your Shopify admin, go to Themes, and then select Customize theme.
  • Edit the HTML/CSS, then click on Layout, and then click theme.liquid file.
  • Paste the copied code above tag, and then click on Save, to save the changes being
    made.
  • Then move down to the fourth option, Integrate the fonts into your css, on the Google
    Webfonts page and copy the CSS code provided by Google.
  • Open the CSS file to which you wanted to make changes, edit the HTML/CSS > Assets, in most cases it is named as style.css.liquid, you can find it using Crtl +F and replace the font family code with the code copied from Google.
  • Click Save, to save the changes made.