[clovisdParticipant]

Hey Guys!

I’m working on trying to get my pricing table to display specific information under each Icon List Item but can’t get it to keep line breaking when I use specific HTML (<span>, ` etc). Here’s an example:

[cs_icon_list]
[cs_icon_list_item type="bolt"]<big>Name Styling:</big>
Discord:<code><span style="color: #990000;">USER</span></code>
Forums:<code><span style="color: #990000;">USER</span></code>
[/cs_icon_list_item]
[cs_icon_list_item type="bolt"]<big>Server:</big>
<b>Homes</b>:<span class="label label-success"> 5 </span>
[/cs_icon_list_item]
[cs_icon_list_item type="bolt"]Discord:[/cs_icon_list_item]
[cs_icon_list_item type="bolt"]Forums:[/cs_icon_list_item]
[cs_icon_list_item type="bolt"]Other:[/cs_icon_list_item]
[/cs_icon_list]

[x_button href="#" size="large"]Donate[/x_button]

In this case, I’m trying to get Forums: USER on the same line with USER in a code box.

Same thing is happening for Homes where I would like to get Homes to appear on the same line as the number. So: Homes: 5.

Any help would be greatly appreciated! 🙂

Thanks you!

[clovisdParticipant]

This reply has been marked as private.

[LelyModerator]

Hi There,

Thanks for posting in. Please remove the new line on the code HTML code. Something like this:

[cs_icon_list]
[cs_icon_list_item type="bolt"]<big>Name Styling:</big>Discord:<code><span style="color: #990000;">USER</span></code>Forums:<code><span style="color: #990000;">USER</span></code>[/cs_icon_list_item]
[cs_icon_list_item type="bolt"]<big>Server:</big><b>Homes</b>:<span class="label label-success"> 5 </span>[/cs_icon_list_item]
[cs_icon_list_item type="bolt"]Discord:[/cs_icon_list_item]
[cs_icon_list_item type="bolt"]Forums:[/cs_icon_list_item]
[cs_icon_list_item type="bolt"]Other:[/cs_icon_list_item]
[/cs_icon_list]

[x_button href="#" size="large"]Donate[/x_button]

Hope this helps.

[clovisdParticipant]

Here’s what I’m getting with the above code ^

Thanks!

[Paul RModerator]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-pricing-column-info span {
    display: inline-block;
}

Hope that helps

[clovisdParticipant]

Thank you! That seems to have done the trick.

[JadeModerator]

You’re most welcome.

[Author]

Posts