Docs

[Pablo F]

Hello,

I have installed a map plugin based on Google Maps (Mapify Pro), to use it instead Google Maps.

In another X-Theme installation you suggested me to put this code in the customized to fix some issues with margins within Cornerstone raw content containers.

/*
// Mapify remove margin
*/

.mpfy-fullwrap {
    margin: 0px !important;
}

.entry-content p:empty {
   margin-bottom: 0px;
}

But as you can see in the attached captures, the results are different on Safari vs. Chrome/Firefox.

Any solution to fix them up?

In the next post I´ll give you the login credentials to my site.

Thank you in advance.

[Pablo F]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in and the very detailed post information. To resolve this issue, you can simply make use of this custom css code:

.x-raw-content .mpfy-fullwrap {
    margin-bottom: 0px !important;
}

And since you have installed a caching plugin W3 Total Cache, please clear your plugin cache before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Hope this helps. Please let us know how it goes.

[Pablo F]

Hi,

In Firefox and Chrome your CSS works perfect (no white margins at all in both pages), but in Safari a 1px white line is shown, at the home page at the bottom and the right, and at the contact page only at the bottom. Do you know if there are specific CSS rules for Safari or something or would be some CSS attribute that we have missed?

I leave it at the customizer just in case you want to take a look at the home and contact page and the captures on Safari browser.

Thank you.

[Rad]

Hi there,

Yes, I can confirm that on my safari. But that lines is within map’s elements and not sure why it behaves differently on safari. Let’s try this one,

.x-raw-content .mpfy-fullwrap {
    margin-bottom: 0px !important;
   position: relative;
   bottom: -1px;
}

Hope this helps.

[Pablo F]

Hi Rad,

I have tried it with no results. But it´s ok as it´s a minor detail, don´t worry.

Thank you very much.

[Rue Nel]

You’re welcome!
If there’s anything else we can help you with, please let us know.

[Author]

Posts