Docs

[Nuera]

Is there a way to add line breaks to a single item in an icon list?

I’d like to add a multi-line address to a single icon bullet.

[Jade]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Nuera]

This reply has been marked as private.

[Nabeel A]

Hi again,

Thank you for the credentials. I can’t find Icon List in your site, can you please share the page URL so we can take a look?

Thanks!

[Nuera]

It’s at http://fenetex.nueramarketing.com/contact/

[Thai]

Hi There,

You can add the <br> tags to your address, something like this:

<a href="https://www.google.com/maps/place/Fenetex+Retractable+Screens/@30.3238511,-81.63294,15z/data=!4m5!3m4!1s0x0:0x9cc8420692a41b2b!8m2!3d30.3238511!4d-81.63294" title="Address" target="_blank">278 Talleyrand Ave.,<br> Jacksonville,<br> FL 32202</a>

Hope it helps 🙂

[Nuera]

That was actually the first thing I tried. I also tried </br> and   but none of those create a line break unfortunately.

[Christian]

Sorry for the confusion. HTML is not allowed in that field so the <br> tags are stripped off.

Thanks.

[Nuera]

So there’s no way to create the line break?

Not the end of the world either way, just clarifying.

Thanks 🙂

[Darshana]

Hi there,

There are alternative solutions that you can try. Add the following JavaScript code into your Customizer, Custom > JavaScript area.

$(function() {
  jQuery( ".page-id-19 .x-li-icon:last-child > a" ).replaceWith( '<a href="https://www.google.com/maps/place/Fenetex+Retractable+Screens/@30.3238511,-81.63294,15z/data=!4m5!3m4!1s0x0:0x9cc8420692a41b2b!8m2!3d30.3238511!4d-81.63294" title="Address" target="_blank">278 Talleyrand Ave.,<br> Jacksonville,<br> FL 32202</a>' );
});

Hope that helps.

[Author]

Posts