X theme changed font size after the update!

[sirstonefield]

Hi,

After the Theme X update to 9.1.1 and Cornerstone 6.1.1 the font size have changed and looks bad. The font size has always been as in the green circle. And it still does - but only here. Below, marked in red, the font size appears much smaller even they have the same settings in cornerstone. Why? Can you please fix in another update?

Here is how it look: https://medelhavskeramik.se

Br
Stefan

[sirstonefield]

I should add that we use “Classic custom headline” and “Classic Text”.

[tristup]

Hi Stefan,

Thanks for reaching out.
I have investigated your site and found that the section marked with red circle is inherited the font size from the entry-content parent element i.e. set to 0.75rem. Whereas in the green circled area the font size is mentioned in the style attribute of the parent p tag.

I would suggest you add the same size to the section either using the style attribute or using any CSS class.

Hope it helps.
Thanks

[alexander]

Hi @sirstonefield,

Before changing anything, I can confirm this is a bug in the latest version. You’re using the responsive text feature which stopped working in this update. We will fix this today with another update.

[lagala]

We also made an update for the Theme X and fonts blew up. New update made some fixes but we still have some problems to fix the text with the full width screen size (1200px).

Peruukit, hiuslisäkkeet ja hiustenpidennykset ⋆ Hiusextra Heinilä

Content text / headers is way too big and if I change content font size rem smaller, it will not work with mobile or smaller screens. Suggestions how to fix this? Thanks!

[alexander]

Hi @lagala,

I’ve checked your site, and it looks like you are managing font sizes with custom CSS. In particular, I found this code:

@media screen and (min-width: 50em)
html {
  font-size: 2vw;
}

That is going to make the font size 2% of the browsers viewport width. This is probably why the content is so large.