Blog Title Wrap?

Support
#1

Hello,

My blog title is long, how can I get the titles to wrap? (ex: https://sandbox.zivelo.com/travelers-are-more-tech-savvy-than-ever-plus-otas-the-sharing-economy-have-led-to-increased-price-sensitivity-can-self-service-lend-a-competitive-edge/)

#2

Hi Mary,

Thank you for reaching out to us. To fix the issue, edit your Header in Pro Header builder first, then inspect your title bar’s container (see screenshot)

Then change the Self Flex preset to Standard (see screenshot)

Let us know how this goes!

#3

That didn’t correct it. Is there something else I can try?

#4

Hi Mary,

That’s weird, text elements should wrapped by default, would you mind removing the <h1 class="h-landmark entry-title"> and <span> tag on that paragraph, and put it on the text element as a plain text.

e.g.
Travelers Are More Tech-Savvy Than Ever, Plus OTA’s & The Sharing Economy Have Led to Increased Price Sensitivity. Can Self-Service Lend A Competitive Edge?

Then use the Text Format and Text Styling options to format and style your text.



If you need it to be a headline <h1>, then replace your text element with a headline element, it also has the Text Format and Text Styling options.

Hope it helps,
Cheers!

#5

Where do I remove the h1 class=“h-landmark entry-title”> and span> tags from? That’s not clear to me.

#6

Hi Mary,

It’s within the text element where you added the headline.

<h1 class="h-landmark entry-title"><span>Travelers Are More Tech-Savvy Than Ever, Plus OTA’s &amp; The Sharing Economy Have Led to Increased Price Sensitivity. Can Self-Service Lend A Competitive Edge?</span></h1>

Though, skip the removal for now and please follow this.

Inspect your header container where your text element is, the change its SELF FLEX setting to this

Hope this helps.

#7

No “Custom” preset is available.

#8

Hello Mary,

Please do the following:

  • Edit the container setting of the container of the text element that displays the post title:

  • Set the Present setting from Fill Space to Standard.

  • Edit the bar setting of the bar that contains the container above.

  • Edit the Height setting from 6 EM to auto.

Simply type in the auto value in the textbox for the height.

Hope this helps.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.