• Status: Closed
  • Closed by: Marek (marek)
  • Closed on: 14.09.18, 12:33
  • Reason: Closed
  • Comment: Glad to help!

Ticket #12895 - General Typography

Hello, I’m trying to change the general typography, I’m changing the font size from 18 to 24 for example, but I don’t appreciate any change. I’ve tried to a lowest value like 12 without result.

Also I want to change the font size of the cookies message, where can I do it?

Please can you review if there is some problem with the theme.

Thanks for your support.

fontstyle.JPG (195.9 KiB)

This ticket does not depend on any other tickets.

Marek (marek) 12 Sep 2018, 15:50

Hi, Mercedes.
Please fill out all necessary fields in your profile https://support.promokit.eu/index.php?do=myprofile to access to your back office

Mercedes Retamozo Montoya (m-eliza) 12 Sep 2018, 16:40

Hi Marek,
I have fill out all the fields of my profile.

Marek (marek) 12 Sep 2018, 18:26

Please try to edit the text directly in the widget text editor http://take.ms/l1035

Mercedes Retamozo Montoya (m-eliza) 13 Sep 2018, 10:17

Hi Marek, I had done like you say. I wrote the main text as a paragraph and the others headers on different sizes depending on the importance. The problem is that the paragraph style takes the font size from the first picture that I've attached to you, so it's impossible to change the font size playing only with headers or paragraph, I always be limited by general typography characteristics.

Have you tried to change it in my back office? Did you see any difference?

I'll wait for your answers. Thanks for your support.

Marek (marek) 13 Sep 2018, 10:32
Mercedes Retamozo Montoya (m-eliza) 13 Sep 2018, 11:40

Great that works!! Thank you very much!

About this topic I have two questions, maybe you can help me:
1) The font size on the "general typography" have any sense? is it useful? or I have to change every text within the code?

2) This question is fully ignorance, as I am a beginner. I've seen that exists three main forms to define the size of the font: px, em and rem. As far as I could understand, px is better for defining spacing, margins and layout but are not good fit for font-size, in these case is better em o rem.

An em is equal to the computed font-size of that element’s parent. For example, If there is a div element defined with font-size: 16px then for that div and for its children 1em = 16px. This kind of units is useful if I want to have smaller font-size gradually from the parent.

rem values are relative to the root html element, not to the parent element. That is, If font-size of the root element is 16px then 1 rem = 16px for all elements.

Then, knowing this difference, which form of unit do you recommend to use?

Thanks for your support!!

Marek (marek) 13 Sep 2018, 12:17

1. It has a sens for some secondary pages, but in home page there are some special CSS styles
2. We are using font-size in pixels, there is no any problem with that

Mercedes Retamozo Montoya (m-eliza) 13 Sep 2018, 21:10

Hi Marek,

Ok with all what you say but I still have some problems. I'm finding new problems with font size, now I was trying to change the size of the field "Product Price" inside the layout page "product-page", but nothing changes it seems that all the things related with the fonts doesn't work. Also I've tried to change from italic to normal, with no more lucky.

I can change the font size in one place individually, but if you have the option to change automatically I understand that it has to be functional.

Please can you assure if the typography are working in all the theme settings (general, header, footer,etc)?

Marek (marek) 14 Sep 2018, 10:15

You have to disable all cache options in your back office if your store still in development

Mercedes Retamozo Montoya (m-eliza) 14 Sep 2018, 12:32

Thanks Marek it was a cache problem, well solved. Thank you very much.