using transform(rotate) on entry-title

  • Resolved stilman davis

    (@stilman-davis)


    4 years, 6 months ago

    I have been trying to use this transform property to make the page title turn on the page align on the right side. This works as expected — it moves to the correct position. However, when I do this with a simple html page the long text string stays on one line correctly, but the entry-title in the Theme somehow restricts the “width” of the line and so it stacks up one word above the other.

    How can I redefine the offending bounding box (and which one is it?) to expand to fit the text on one line?

    Thanks for any help with this.

Viewing 1 replies (of 1 total)
  • Thread Starter stilman davis

    (@stilman-davis)

    4 years, 6 months ago

    I have been able to do some hacking of the theme files, rather than merely a css solution (which I would have found preferable).

    By working with this code

    <header class="entry-header">
		<?php
		if ( is_sticky() && is_home() && ! is_paged() ) {
			printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'twentynineteen' ) );
		}
		if ( is_singular() ) :
			the_title( '<h1 class="entry-title">', '</h1>' );
		else :
			the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
		endif;
		?>
	</header>

    I was able to clear the truncated title, but only by creating a special title div with the correct formatting in the header. That code above (or its near equivalent) in the content pages of the template-parts has to be commented out (or deleted, depending on your boldness). As I am not working with many pages at the moment I am being less bold.

    For any of you who have tried to look at this, thank you. I hope this explanation of what I did to solve the problem helps you.

Viewing 1 replies (of 1 total)
  • The topic ‘using transform(rotate) on entry-title’ is closed to new replies.