Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #14080

    Hi Kriesi,

    I really enjoy using your themes (Abundance and Flashlight), but like others in this forum I encountered problems inserting Google Map WP Shortcode into tabs. I’m using the WP plugin “Google Maps v3 shortcodes” and observed that if I inserts the shortcode like this…

    Code:
    [tab title="xxx"]
    [map xxxxxx]
    [/tab]

    … it results in a strange “escaping” of each maps’ javascript lines into “<p></p>” markups. Thus, the gMap didn’t show up :-(

    A rather good solution, is to wrapp the maps’ shortcode between “pre” markups, like this :

    Code:
    [tab title="xxx"]
    <pre id=”gmap-insert”>[map xxxxxx](/pre>
    [/tab]

    … and to set a custom css like :

    Code:
    #gmap-insert{
    border: none;
    overflow: hidden;
    padding:0;
    margin:0;
    height:200px;
    }

    Hope this will be helpful.

    Have fun!

    #82018

    Hi skinetsens,

    Glad that you shared a very useful solution. :)

    Cheers,

    Ismael

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘GOOGLE MAP ISSUE WITH SHORTCODE TABS [avia-framework]’ is closed to new replies.