Character Spacing Different in the same font used in different spots on homepage using same widget
Shaina Levin asked 4 years ago
I followed the tutorial to change the font on my website to a google font. I’m using the hello chic theme. In the home services section the font shows up totally normal using the custom HTML widget… BUT in the home flexible section there’s extra spacing between the characters in the custom HTML widget. Is there a way to fix this and make it uniform across the homepage? I changed header 1 in the style sheet to the google font.
There’s also extra spacing between the characters in page titles. Is there a way to fix that as well? I would like the font to look uniform across the entire website.
also… while I have you here, is there a way to remove the extra spacing on the top of pages above the page title when there is no hero image set?
My website is perfectpinterest.com, if you need to see whats going on.
Thanks
Support Team Staff answered 4 years ago
The Home Flexible is picking up the spacing that is in your H2. If you go to line 259 in your style sheet you can change the below spacing, or adjust it to say normal
letter-spacing: .1em;
The same for your page titles which pick up the H1. That starts on line 253, letter-spacing: .1em;
For the blank space when you do not use the image, will you have more, or less pages that use it? There is not a way to automatically shrink it. So it would be on a per page/post basis, and the amount used will determine which method is better.
Please login or Register to submit your answer