Hi,
is it possible to add 1px to the global font size?
Thank you and best regards,
Luke
Hi,
If you mean to add another 1px for all fonts, then this can be done manually. If you only want the global font for the section you need, then try from the theme panel – https://i.imgur.com/ZmEZ8FY.png
Thank you!
Hi,
I like to add 1px to all fonts, not only for sections.
Thank you and best regards,
Luke
Hi,
If you want you can try a custom code, but this kind of code is not the best, and it’s possible to not apply for all elements (some elements can have a strong css for the fonts).
body * {
font-size: calc(100% + 1px)!important;
}
Thank you!
Hi,
this doesn’t work, the font is then about 40 times as large.
If I want to change this section for section, the font now is set to “default”. Which size are the “defaults”? Is there any overview?
Best regards,
Luke
I see, unfortunately it is possible to apply correctly for some elements, but not to all of them.
I tried this code works for more elements, but not correct.
body * {
font-size: calc(1px + 100%);
}
Also, the font default differs depending on elements, for example on body and p is 13px, on h1 is 32px … so, the best thing will be to use the theme panel settings for fonts.
Thank you!
Hi Calin,
unfortunately, the theme panel only says “default” everywhere. How do I know which sizes these are?
Best regards,
Luke
What I did, was this:
use console view in Chrome, and note down the specific most annoyingly smalle items (e.g., breadcrumbs, basic body text, tags/categories), and then put custom CSS in the WordPress appearance > Customizer.
e.g.,
.entry-crumbs {margin-bottom:18px;font-size:14px;color:#555555;}
.homeh1{font-size:20px;font-weight:700;text-align:center; border-bottom:1px #AAA solid; padding-bottom:24px;}
.td-post-content p a{text-decoration:underline!important;}
.entry-crumbs a:active{margin-bottom:18px;font-size:14px;color:#CC0000;}
.entry-crumbs a{margin-bottom:18px;font-size:14px;color:#CC0000;text-transform:uppercase;}
.td-tags{font-size:13px;}
.td-post-small-box{height:20px;line-height:24px;margin-bottom:5px;}
.td_module_mx2 .item-details {margin: 0 20px 20px 20px;display: block;min-height:60px;}
.meta-info{font-size:14px;color:#444;line-height:21px;margin-top:21px;margin-bottom:21px;}
.td-category{font-size:13px;}
.entry-category{height:20px;line-height:24px;margin-bottom:5px;}
Use the above “example” and modify as needed to tweak the elements beyond the base body font size (e.g., 16px or 18px is good size for that).
Just suggestion. (I don’t work here.)
