How to remove these pesky extra spaces

Question

The top widget on my wordpress page shows a height property when I check it with chrome developer tools, and that height adds extra spaces on top and bottom of the widget (shown in yellow on the attached picture).

I've been trying for many hours to change or remove that height attribute, but I cant find where it is originated from and how to deal with it.

Please help!!

Answer 1

it seems you have a lot of ​ unicode sequences before and after your element in the source code causing all that unwanted space. (they are visible using firebug)

you cannot perceive them in the source code, because that character is the 'ZERO WIDTH SPACE' (U+200B)

Answer 2

you can remove them with regex. js:

HTML = HTML.replace(/[\u200B-\u200D\uFEFF]/g, '');

c#

hVal = Regex.Replace(hVal, "[\\u200B-\\u200D\\uFEFF]", "");