SOLVED Issue with Metropolis template and google map
-
-
- tramber91
- Sr. Rocketeer
- Posts: 126
- Thanks: 4
-
dear all
I have just finished my subscription but i have tested your last template Metropolis
Anytime I test your template with a google map location component (widgetkit, contentmap) I've got a layout issue for this map which seems to be the same issue
Ex
with content map
This image is hidden for guests.
Please log in or register to see it.
This image is hidden for guests.
Please log in or register to see it.
with widgetkit
This image is hidden for guests.
Please log in or register to see it.
after some brain storming, it seems that the CSS of google map picture maps.gstatic.com/mapfiles/iw3.png
used in these maps are damaged
an idea,
thanks for your help
Bertrand - Last Edit: 12 years 6 months ago by tramber91.
- Gantry joomla user - template Gantry / Fresco / Affinity
http://www.aide-joomla.com/
http://www.modem-essonne.org/
http://www.ete44.fr/
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
- There isn't much we can do about third-party component compatibility. If the existing CSS in the template is overwriting that of Google maps, you'll have to find the offending code and create custom overrides for each issue.
- B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
perhaps this helps?
www.rockettheme.com/forum/index.php?f=65..._v=viewtopic#p868723
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
you need to reset the max-width for that image.
#gmap img {
max-width: none !important; }
}
maybe you need to replace #gmap with a different id or class.
do you have a link?
-
-
-
- tramber91
- Sr. Rocketeer
- Posts: 126
- Thanks: 4
-
Hi all
concerningThere isn't much we can do about third-party component compatibility==> in your point of view, google map is third party component ??
all component using google map I have tested have same issue
Hi Henning
link to my test site
www.monde-et-eau.tramber9.o2switch.net/
phocamap as main component
widgetkit and Gmapfp as module position footer c
thanks
Bertrand - Gantry joomla user - template Gantry / Fresco / Affinity
http://www.aide-joomla.com/
http://www.modem-essonne.org/
http://www.ete44.fr/
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
create a file called rt_metropolis-custom.css in the css folder of your template and add this code
#phocaMap img,
.gmnoprint img,
.wk-map img {
max-width: none;
}
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
-
meziane wrote:
==> in your point of view, google map is third party component ??Yes
- B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
-
-
- tramber91
- Sr. Rocketeer
- Posts: 126
- Thanks: 4
-
@ Ben - OK but for your professionnal customer move this topic on metropolis forum then they will be aware about this issue with all joomla third party components which used the third party component google map
@ Henning, thanks
your hack is
OK for GmapFP
OK with widgetkit with adition ofbecause i'm on footer position.wk-content {color: #222222;}
but same issue with content map which are not my "cup of tea"
have a nice evening
many thanks for your help
Bertrand - Gantry joomla user - template Gantry / Fresco / Affinity
http://www.aide-joomla.com/
http://www.modem-essonne.org/
http://www.ete44.fr/
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
you have
#phocaMap img, #gmnoprint img, .wk-map img {max-width: none;}
but it MUST be
#phocaMap img, .gmnoprint img, .wk-map img { max-width: none; }
-
-
-
- tramber91
- Sr. Rocketeer
- Posts: 126
- Thanks: 4
-
said that to a customerThere isn't much we can do about third-party component compatibility. If the existing CSS in the template is overwriting that of Google maps, you'll have to find the offending code and create custom overrides for each issue
and coldly Confirm his answer
and finally update the template includingBug
• Issues with max width and third party google map extensions
: :
a french roktheme customer who cannot update now his template
thanks again to Henning for the european mutual aid
take care
Bertrand - Gantry joomla user - template Gantry / Fresco / Affinity
http://www.aide-joomla.com/
http://www.modem-essonne.org/
http://www.ete44.fr/
-
Time to create page: 0.081 seconds