I am creating a Blog, and custom Theme, using Wordpress for my existing site. I am trying to get it to match exactly the look and feel of the main site, so I logically just copied over all the CSS...
Most of my size definitions are based on em. I am seeing a very large size discrepancy on elements which have em definitions for their size.
You can see the difference clearly if looking at the header and footer. The header/foot height is defined by em, as well as the text size, and padding of the items which is off for the navbar links and left footer text.
I am working off an Underscores template, and found the only relevant CSS below, which all looks legit.
color: #404040; font-size: 16px; font-size: 1rem; line-height: 1.5;
- Why is my em sizing on the Wordpress site significantly smaller than it should be?