Docs

[wowflak]

Hi
I had a line break and a font size change in a page title. After upgrading the grid to 2.0 this stopped working.

See on this page:
http://bicyclem.wpengine.com/?page_id=71

If you hover over the 4th box down in the middle. It is not reflecting the line breaks and font change I have in the Page Title. Here is what is in the page title:
JIM PETERIK<br> <font size=”4″ >SURVIVOR / THE IDES OF MARCH</font>

How can I get this to work. I want the artist name the large size and underneath it should be the bands in a smaller font.

Thanks

[Rupok]

Hi there,

It’s within anchor tag so your code should not work in that way and you should not use font tag as it’s deprecated and no longer supported in HTML5. Let’s try this instead :

JIM PETERIK<span>SURVIVOR / THE IDES OF MARCH</span>

Then add this under Custom > CSS in the Customizer.

.tg-item-title > a span {
  display: block;
}

Let’s add other CSS here (i.e. font-size) if needed.

Cheers!

[wowflak]

This reply has been marked as private.

[Nabeel A]

Hi again,

You can replace your title JIM PETERIK<br> <font size="4" >SURVIVOR / THE IDES OF MARCH</font> with this:

JIM PETERIK<span>SURVIVOR / THE IDES OF MARCH</span>

And then add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.tg-item-title > a span {
  display: block;
}

Hope this helps!

[wowflak]

Hi
That is exactly what I did, and it did not work. Would mind please looking at it again?
Thanks!

[Jade]

Hi there,

Would you mind providing your admin login so that we could check your current setup further?

Thank you.

[wowflak]

This reply has been marked as private.

[Rupok]

Hi there,

I can’t see the span tag for the text. Make sure to add them.

Thanks!

[wowflak]

This reply has been marked as private.

[Christian]

Hey there,

Sorry for the confusion. The HTML tags are now stripped off the title so you could not style them anymore. Regretfully, there is no work around for this anymore.

Thank you for understanding.

[wowflak]

This reply has been marked as private.

[Paul R]

Hi,

You can disable your page title and add the title manually using the text element.

eg.

<h2>JIM PETERIK<br> <font size="4" >SURVIVOR / THE IDES OF MARCH</font> </h2>

http://screencast.com/t/1T8fGuZeS8

Hope that helps.

[wowflak]

This reply has been marked as private.

[Rad]

Hi there,

Been trying it and it’s not possible with CSS alone since the text itself is one line. Maybe this would help http://stackoverflow.com/questions/33588235/jquery-insert-html-after-x-number-of-words-inside-a-div-without-using-split

Inserting <br> to nth word.

Thanks!

[wowflak]

Hi
Sorry but I dont understand this suggestion. Anyone else have any ideas?
Thanks

[Author]

Posts