Disabling Fittext
-
I find this theme absolutely perfect for the website I recently started. Indeed, the Child theme I created comprises very few modifications.
This being said, I’m not very fond of Fittext (sorry!). While it does a good job on tablets, it didn’t impress me on larger screens (on a 21 in. display, for instance, site titles are disproportionate). So I decided to disable it.
Although the fix I found (by trial and error, I must confess) seems to work, there is still a possibility I might have overlooked something important.First, I renamed the jquery.fittext.js file into .jquery.fittext.js so that it becomes a hidden file.
Then I added these lines of code in the Child Theme style.css:
h1.site-title a { text-align: center; font-size: 40.8px; font-size: 4.2rem; color: #b70000; text-transform: uppercase; display: block; }
I also had to define the value of h1,h2,h3,h4,h5,h6:
/* Headings */ h1,h2,h3,h4,h5,h6 { clear: both; } h1 { font-size: 30px; line-height: 1.3846153846; } h2 { font-size: 26px; line-height: 1; } h3 { font-size: 22px; line-height: 1.0909090909; } h4 { font-size: 20px; line-height: 1.2; } h5 { font-size: 18px; line-height: 1.3333333333; } h6 { font-size: 16px; line-height: 1.5; }
I’m sure this is not very orthodox… Hence this post: I’d like to know if there would have been a simpler way to disable Fittext.
Thanks.
- The topic ‘Disabling Fittext’ is closed to new replies.