Span Tag and Italics

Hi,

If you need a span that causes line breaks:
<span class="clearfix"></span>

If you need a span that causes blue text:
<span class="text-primary">blue text</span>

I hope I could help you and these were your questions.

Sincerely,
Lana Codes

Hi! I want the <span> to not cause breaks.

In my case I have this:

<h3><strong>Performance and Capacity Fields</strong></h3>
Below is a list of KPI Performance and Capacity labels.  The fields listed as <span style="color: #ff0000;">Manual</span> will have steps listed in GUI Operation section later in document.  All Import fields are available through Performance Report PPT.  Depending on tool release functionality, these may be manually entered using PPT Performance Report.  Fields listed as <span style="color: #ff6600;">Ignore</span> can be left blank since they are either deprecated or completely unknown due to array specific detail.  Lastly, a small number of fields are calculated automatically as excel functions.

Causing this:

Below is a list of KPI Performance and Capacity labels. The fields listed as
Manual
will have steps listed in GUI Operation section later in document. All Import fields are available through Performance Report PPT. Depending on tool release functionality, these may be manually entered using PPT Performance Report. Fields listed as
Ignore
can be left blank since they are either deprecated or completely unknown due to array specific detail. Lastly, a small number of fields are calculated automatically as excel functions.

THANK YOU!!!

• This reply was modified 6 years, 10 months ago by mriostamez.

But with default settings, the Lana Site template does not cause line breaks with the span tag.

Can you give me your website’s link? Maybe I can see what’s causing the problem.

Sincerely,
Lana Codes

I just found out this is only occurring with Knowledgebase Articles (plugin) and not with Pages and Posts.

Do you know where should I look to figure this out?
(Understanding this is not your plugin, just a pointer)

If I can not see the website, I can not tell where it is located this css setting.

This setting is likely to be found in one .css file in plugin. Perhaps if you write to the plugin author that your problem is that the span is doing line breaks, then they can fix it. They need to modify the plugin primarily (this is the best solution).

Sincerely,
Lana Codes

The site is located in a corporate intranet.
I’ll see if I can figure out what is causing this mess.

Thank you!

Understandable.

Try using Google Chrome Console (Ctrl + Shift + I).

Find the span tag, and at the right you can see which css file you can find in the change.
This is not easy, so I recommend the plugin author’s help.

Sincerely,
Lana Codes

Thank you @lanacodes!
Awesome support.

If anyone is interested specifically for the WP Knowledgebase plugin, the solution is to create an entry in Custom CSS with the following:

#kbe_content .kbe_leftcol span {
  display: inline;
}

By default, the plugin is set on kbe_style.css to: display: inline;

• This reply was modified 6 years, 10 months ago by mriostamez.

Awesome.

I am glad that we have succeeded in solving this problem.

Sincerely,
Lana Codes