The issue is that the theme you’re using is setting the font size to something tiny and then scaling up everything else, probably by using percent font sizes. In my opinion, this is the wrong way to do it. The “Tiny Fonts Fix” applies an HTML level font size of 15px, which then in turn will make the resume look right because it’s using “rem” font sizes (the best way, imo). Unfortunately this makes the rest of your site way bigger because of those percent sizes.
The only way around this is to manually scale up each part of the resume that needs to be scaled up. You would need to use Chrome/Safari/Firefox developer tools to get the class names and then apply CSS to adjust those sizes.
Hi @boxstudio
Thanks for explaining the issue. Oh well,I created a local GIT repo last night so I can track changes to styles.css and, or the styles in plugins like yours. Is it your suggestion to override the markup in you plugin through the child theme styles.css ?
Yeah that’s what I would do. Sorry for the hassle!
Hi
I have been able to make some changes but I am not sure I have the same aesthetic affect as your check box for fixing tiny theme fonts. Happy to follow up on any suggestions.
/* fixing Resume builder small fonts when using short codes on a default page or post layout
---------------------------------------------------------------------------------------------------- */
.rb-resume-header .rb-resume-title { font-size:1.5rem !important; }
.rb-resume-header .rb-resume-subtitle { font-size:1.3rem !important; }
.rb-resume-header .rb-resume-introduction { font-size:1.7rem !important; }
/* Resume Body Override */
.rb-resume-body .rb-resume-exp-block .rb-resume-exp-description { font-size:1.7rem !important; }
.rb-resume-body .rb-resume-exp-block .rb-resume-exp-job-degree { font-size:1.3rem !important; }
/* Compact styles skills override */
.rb-resume-compact .rb-resume-skills .rb-resume-skills-block .rb-resume-skill-title { font-size:1.6rem !important; }
.rb-resume-skills-block .rb-resume-skill-description {
font-size: 1.3rem !important;
}
