google map

Hello
how to insert a module with a google map, instead of the big photo on the top of the template
For instance, as herein
http://preview.ait-themes.com/index.php?bartype=desktop&theme=directory
thanks

Hi, I 'll give you few tips:

1) Use Google module - publish it in "header" position
2) Overwrite css using this code:

Code: Select all

#gkHeaderMod {padding: 0px;}

Thank you, just write where you enter this code.

Hi, all Gavick template have overwrite options in template configuration.

Template Manager: Edit Style --> Advanced settings TAB --> Custom CSS code [ ...... here .....] + SAVE

Thank you!!!

How do you get this google map at full (100%) width in creative template?

1) Where? on which module position ?
2) In Google search bar "responsive google maps" [enter]

in the header module position. In fact in any module position that will allow me to make it 100% width

Sure, no problem

Code: Select all

#gkHeaderMod {
    max-width: 100% !important;
}

I tried with wide image and looks okey.

header-100-long.png

About google maps you have to add elastics width and height code to make it work.

this does not work. there is a padding issue on left and right side and I cannot find the css to change this, nor does the custom ccs in the template manager. I have included a screen shot showing that the map does not extend 100% to the page width.

Use firebug to check or add here URL, when I used picture in this position I didn't saw any paddings.
Check also your module code, is there any <p> .... </p>, <span>...</span> ?
If yes, use <div> instead.

I have included a screen shot showing that the map does not extend 100% to the page width.

What map width you added? in px or % ?

Did you used Google Maps module or Custom HTML Module and code from google?

I use BT Maps (better functionality) and used 100% width. And believe me I have tried using firebug, but if I change the padding then it affects the entire page layout. Please view here: http://197.242.79.18/~wwwafrip/index.php/contact-us (its in id=gkHeaderTop). You will see my code is correct. Its an issue with the way the template is built.

Its an issue with the way the template is built.

This is not issue this is feature - as Steve Jobs said

DEFAULT CODE

Code: Select all

body {  padding: 0 20px; }

I SUGGEST to CHANGE TO

Code: Select all

body { padding: 0px; }

Where do I change this, because it seems to be inline styling, changing this on the template.css makes no difference?

1) http://www.gavick.com/documentation/joo ... -template/

2) if won't help, use can also use

Code: Select all

body { padding:0 !important; }

Remember to refresh few times your browser!