• Resolved Andre Varinski

    (@andre-varinski)


    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.

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Disabling Fittext’ is closed to new replies.