Clever Geek Handbook

"i" is automatically converted to "em" tag in Business Catalyst

I'm having formatting / rewriting issues with a website I'm editing using Business Catalyst with Adobe.

Every time I fill the field with an icon, for example:

<div class="triangle left"><i class="icon-beaker"></i></div>

I am saving a file with my sys admin panel and converting the icon class to em

.

So the end result

<div class="triangle left"><em class="icon-beaker"></em></div>

This removes the icon completely.

+3


source to share


2 answers


Assuming you are using a WYSIWYG HTML view, use the Develop tab in the Business Catalyst Back-end to edit HTML instead. Also, if you are using an old WYSIWYG editor, please try updating to the newer version in your partner portal.



You just have to do all your editing in the Development tab in the background Business Catalyst, using a text editor to edit the HTML content and an SFTP client to download it - great ideas.

+14


source


The problem is you are using the wrong tag. The tag <i>

is for an alternate tone / voice, usually in italics. It doesn't support icons. The Business Catalyst dashboard converts italic into an emphasis tag <em>

, because accent has historically been the preferred tag and is also usually in italic. See Specifications for <em>

and <i>

.

Also, according to this Adobe text , if you are using font Awesome, the tag <i>

has no CSS rules, and <span>

will be the preferred tag.



So the correct markup would be:

<div class="triangle left"><span class="icon-beaker"></span></div>
0


source






More articles:


All Articles