-
Posts
-
Hello team,
I want to adjust the font sizes for the whole site on small screens. Is there a CSS code for do that?
Now I have set this CSS code in my style.css in my child theme but it does not work.
@media only screen and (max-width: 767px) {
h2 {
font-size: 20px;
}
h3 {
font-size: 18px;
}
body {
font-size: 17px;
}}Also this does not work
@media only screen and (max-width: 767px) {
h2 {
font-size: 20px !important;
}
h3 {
font-size: 18px !important;
}
body {
font-size: 17px !important;
}}Hi Jordan,
Thanks. That does the trick! But why doe this only work in quick css in theme options?
Where can I use the style.css in my child theme for?
Cheers Mike
Text size of the blog element for the page is not 17px on small screens. All other text is going well so far :)
Hi,
The style.css stylesheet is only in the theme folder for WordPress to recognize basic theme data like the name and version of the theme. Therefore CSS rules in this file are not be used by the theme which is why the CSS code you put in the style.css file for the child theme does not work. Instead the custom.css file that is located in your themes /css/ folder is used to add your styles.
Best regards,
Jordan ShannonHi Jordan,
All is oke for now. But the blog element for pages have tair own font size? I have set the default content font size for the whole site on 19px but the font size of the blog element is on 22px I think? How can i change that to 19px and 17px for small screens?
If I use a sidebar the font size of the blog element is good (19 and 17px) and align left, but if I use no sidebar the font size is larger and align for the titel, picture and category is center.
I have delete my custum CSS so it’s standard out of the box from Enfold.
Cheers Mike
- You must be logged in to reply to this topic.