How can I align my maps to the right?

You can do this by adding the following to your theme’s stylesheet. The margin ensures that there is some space between the bottom and left of your map and the text that wraps round it.

.wp_geo_map {
     float:right;
     margin:0 0 20px 20px;
}

4 Responses to “CSS & Styling”

  1. perdox says:

    Hi there. I am very new at this. I copied and pasted the above code into my theme’s CSS styles file.

    I wan to be able to center my map within the post’s width. I changed the word ‘right’ to ‘center’ and make all the margin values 0 but the map just aligns to the left.

    Please help. In the meantime, I have been able to center it by having this in my file:

    .wp_geo_map {
    float:right;
    margin:30px 25px 30px 0px;
    }

    Any help would be greatly appreciated. Thanks in advance.

  2. mauro says:

    What about…

    .wp_geo_map {
    float:right;
    margin: 0 auto;
    }

    Worked for me, hope I helped you!

    Mauro (Argentina)

  3. Greetings and thanks for the plugin it is awesome but I am so frustrated with it right now. For some reason, it keeps inserting itself in my new theme Smooth from Gorilla. I have removed every instance of google map from the theme but wpgeo is inserting itself at the_content tag and I cannot find out where to stop this from happening. It actually inserts itself into a div and wraps the content.

    So what happens, not only does the map look ugly in that spot above the text description but it also shows up where I actually inserted the template tags for you plugin to show up, hence two maps on the same page. I have worked on this all day and have no solutions

    Please help
    Tico

Leave a Reply