I want smaller header fonts. The site user uses very long titles. For example H2 is 2.5rem by default. I want to make it 2.25rem or 2rem.
I haven't found an option in the theme settings to make the title fontsizes smaller. I have tried the following CSS options in the subtheme css file:
1.
:root {
--solo-px36: 2rem;
}
2.
:main-container {
--solo-px36: 2rem;
}
3.
@property --solo-px36 {
syntax: “”;
inherits: false;
initial-value: 2rem;
}
But none of them work.
How can I make it work?
Active
1.0
Code
Hello,
To change the font size, assign an ID to the desired tag and apply the font-size property in CSS.
Example:
#page-wrapper h1 {
font-size: 2rem;
}
Best wishes,
Alaa
Automatically closed - issue fixed for 2 weeks with no activity.