Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

blog post title – how to wrap

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

This topic is: not resolved

Tagged: title, wrap

This topic has 1 reply, 2 voices, and was last updated 7 years ago by Victor Font.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
May 25, 2016 at 4:13 pm #186279

JC2
Member

I had been searching for a css solution to make my long blog titles wrap - so the text didn't run into the sidebar, but hadn't found anything that I understood. (I'm sure there's some code out there, but it's beyond my level)

On a whim, I just added a <br /> to the title and it worked! So there's a dead simple solution for all you other newbs out there!

12 Animal Photos That Will Make You <br />Laugh And Melt Your Heart

12 Animal Photos That Will Make You Laugh And Melt Your Heart

http://www.hepper.com/12-photos-that-will-melt-your-heart/

May 25, 2016 at 5:25 pm #186285

Victor Font
Moderator

You might want to take a look at CSS word-wrap. http://www.w3schools.com/cssref/css3_pr_word-wrap.asp

The issue with the break character is that it will always break at that character, so when the screen is reduce as for a mobile device, you may get funky results.

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

The forum ‘Design Tips and Tricks’ is closed to new topics and replies.