Conflict with WP Google Maps

  • Resolved patbrazil

    (@patbrazil)


    3 years, 11 months ago

    I have a conflict where I have shortcode for both Tablepress and WP Google Maps (WPGMaps) on the same page.

    Without WPGMaps the table looks fine – I am using custom CSS for borders, border-radius and background-color. However, when I add the WPGmaps shortcode, Header background-color and all borders load briefly and then disappear. This happens with or without the custom CSS.

    The Support Team at WPGMaps found a workaround by adding custom CSS to WPGMaps, as follows:

    “From what I can tell, the data tables which are used by both plugins seem to have a style or two conflicting, however, luckily I seem to be able to target the right elements to adjust this.

    Could I kindly ask you to please add the following CSS and confirm once complete?”

    .dataTables_scrollHead {
    background: #020298 !important;
    }

    The above works for border and border radius also. However, this seems like a strange way to fix the problem. My question, therefore, is:

    Is there some CSS that I can add to Tablepress to protect from this kind of conflict?

    Regards
    Pat

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    I have seen this recently elsewhere, and I’m not yet sure what the best solution approach is.

    If that CSS code that you got works, there’s no reason not use it.

    There’s nothing really that can be done in TablePress to protect against this. The other question might be why the WP Google Maps plugin is loading the DataTables JS library at all, if they are not showing a table on the page, or are they?

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘Conflict with WP Google Maps’ is closed to new replies.