Inline styles but with empty values: how to remove?

[Buysmartuk]

Hi,

I am inspecting some of the HTML and seeing some inline styles without any values such as ‘color:;’ and ‘background-color:;’. Is there a way to remove these to clean up the markup?

For example on icon boxes:

<div class="sf-icon-box sf-icon-box-left-icon sf-animation sf-icon- none sf-animate" data-animation="none" data-delay="0" style="background-color:;"><div class="sf-icon-cont cont-small sf-icon-float-none" style="background-color:;"><i class="fa-shield sf-icon sf-icon-small" style="color:;"></i></div><div class="sf-icon-box-content-wrap clearfix"><h3 style="color:;">TITLE</h3><div class="sf-icon-box-content">CONTENT TEXT HERE</div></div></div>

Many thanks.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide the url or the content of that page so we can replicate it exactly like yours?
Thanks

-Rui

[Buysmartuk]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Thanks. will have to replicate it on mine dev site so I can provide you a fix for it.
-Rui