Make site title keep to one line

  • ba9ag

    (@ba9ag)


    11 years ago

    My website title “Things that P me Off” is seemingly too long to fit on one line of text, how can I modify the theme to change it so that it does please?

Viewing 3 replies - 1 through 3 (of 3 total)

  • Theme uses FitText.js for headers, you can change the value of min/max font size in theme’s js function, dequeue theme’s js and enqueue your own version in child theme, or use this CSS workaround

    /*-------------------- do site title adjust --------------------*/
h1.site-title a {
	font-size: 80% ! important;
	white-space: nowrap;
}

@media screen and (min-width: 960px) {
	h1.site-title a {
		font-size: 100% ! important;
		max-width: 960px;
		overflow: hidden;
		letter-spacing: -7px;
		word-spacing: 10px;
	}
}
/*-------------------- end site title adjust --------------------*/

    If not on child theme, use it in Custom CSS plugin.
    https://www.ads-software.com/plugins/search.php?q=custom+css

    Thread Starter ba9ag

    (@ba9ag)

    Thank you – that worked perfectly.

    Theme Author Christine Rondeau

    (@crondeau)

    Great. Glad that worked.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Make site title keep to one line’ is closed to new replies.