MarketPress creates white space when activated...

Hi guys,

When I installed MarketPress just now I have encountered a very strange problem. It creates white space below the WP admin bar (in chrome and further down in FF).

I thought this was perhaps because I hadn't set it up or perhaps it was something to do with the floating cart. But no, I have switched this off and it's setup. The whitespace remains.

I was looking at the code in chrome and started deleting the CSS calls that MarketPress makes, as soon as I deleted:

<link rel="stylesheet" id="mp-base-css" target="_blank" href="http://www.rookery.scot/wp-content/plugins/marketpress/ui/css/marketpress.css?ver=3.0.0.7" type="text/css" media="all">

The white space disappeared. I thought this was very odd, so I opened up the CSS file. Did you know its got a load of base64 encoded code in there? Not sure what thtas about as I thought all your stuff was open source? Could it be the cause of the mystery whitespace?

Even if it is not I was pretty disappointed to see base64 code stuff in there!

So two questions really, why base64 encoding and the white space?

Cheers

Neil

  • Adam Czajczyk

    Hello The Path,

    I hope you're well today and thank you for your question!

    I understand that you checked the "plugins/marketpress/ui/css/marketpress.css" file and you fond the code similar to that below, is that correct?

    .mp_tooltip-help{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAATlBMVEUAAAA6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUo6QUr5gQjpAAAAGXRSTlMAZMepIk9/hXnh6Fv4OY0wHAmflRRt2Sq2TtXGYAAAAKFJREFUeAE1j1u2wyAMAx0w75B30s7+N1pze6svS8zBlgztt6vVTbv8awJ3HA6mr184e4gx9JNl+Jv2sld4tA1m59wgiDS4DnaJaGVW3SRQlCzlHQaPkwG6R0hx+LoaS07zL9jGcguQ6u03O2F4wrvYFTrb+MdVJclFXGEWsfiVuEQSvRfKQ+nBtpo899q8b2vm+JZJ4HP2EH919SxQFh3zB75/DMLRo2MXAAAAAElFTkSuQmCC) no-repeat;

    This is a pretty standard and CSS compliant way to store small images directly in a CSS code (so there's no need to reference external image files via URL). There's nothing wrong with that and nothing to worry about. It's not any encoded "mysterious" code or anything hidden. For example, this code above is just this help icon:

    You can check other base64 strings from CSS file on your own by putting encoded string (that starts right after "base64," and ends before ":wink:" ) here:

    http://codebeautify.org/base64-to-image-converter

    What puzzles me more though is that MarketPress CSS code was still on your site even though plugin was disabled. I'm pretty sure that this was caused by cache. Are you running any caching plugin (e.g. W3 Total Cache or similar) on your site or is there any server-side cache enabled?

    As for white space itself. Is MarketPress now active on your site? I'd like to take a closer look at it in order to diagnose the issue and hopefully provide you with a solution. Is there any place where I could see that?

    Please advise!
    Best regards,
    Adam

  • ThePath

    Hi Adam,

    Mmm didn't know that about base64 and css will read into it.

    I dont have any cache running. It's a live site so I disabled MP as the whitespace is unsightly.

    Im pretty confused as to what's causing it. It's almost like the browser isn't seeing the link to a stylesheet as that and interpreting it differently and creating the whitespace. Coming to think of it I don't think the CSS was being processed as the floating cart didn't appear like it normally does.

    I will turn it back on so you can see though.

    Thanks for the help.

  • Predrag Dubajic

    Hi Neil,

    Thanks for granting access, I had a closer look at this and it seems that FB element is loading in wrong place and thus giving this white space, I'm not sure why it's calling it in header but this CSS fix should do the trick:
    #fb-root { position: absolute; }

    Can you try applying that on your site using child theme or a plugin like this one.
    That way you're protected when you come to upgrade.

    Let us know how it goes.

    Best regards,
    Predrag

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.