Solve known css problems that break the design of a map

Phoca Maps - displaying maps in Joomla! CMS
tapas
Phoca Newbie
Phoca Newbie
Posts: 3
Joined: 09 Nov 2012, 21:08

Solve known css problems that break the design of a map

Post by tapas »

Congrats on your great extension! Unfortunately, my template interferes with your extension and/or Google's API. The scale bar is all twisted and the marker window has strange graphics and no "x close", similar to what other users have reported. I noticed that another Google Maps extension has solved this problem very user-friendly with the php I copied below. Overall, however, I find your extension more user-friendly - this is why I hope to get the best of both worlds. Is there any chance that you could provide something similar to auto-adjust the CSS? I'm not particularly tech-savvy - that's why I can't adjust the code myself, sorry.
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48402
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Solve known css problems that break the design of a map

Post by Jan »

Hi, thank you for this info, unfortunatelly, the listed code does not include any kind of CSS, it only includes the parameter, which will use the CSS, but the CSS needs to be set in parameters individually, such then will be rendered. Do you have the custom CSS? (It should be stored in the plugin parameters: $mapcss = $params->get('mapcss', '');

Jan
If you find Phoca extensions useful, please support the project
tapas
Phoca Newbie
Phoca Newbie
Posts: 3
Joined: 09 Nov 2012, 21:08

Re: Solve known css problems that break the design of a map

Post by tapas »

Sorry, I'd love to help, but I don't quite understand your suggestion - as I said, I'm a newbie. I don't know how to get the parameters from the variables you mention - any idea where to look or how to read the parameters?
tapas
Phoca Newbie
Phoca Newbie
Posts: 3
Joined: 09 Nov 2012, 21:08

Re: Solve known css problems that break the design of a map

Post by tapas »

Hi Jan,
I could solve the issue by adding the following code to my template.css

Code: Select all

    
    .phocamaps img {
        border: 0px;
        box-shadow: 0px;
        margin: 0px;
        max-width: none !important;
    }

    .directions {
        clear: left;
    }
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48402
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Solve known css problems that break the design of a map

Post by Jan »

Hi, added this code to Phoca Maps 2.0.6 - please test it and let me know if this helped.

Thank you, Jan
If you find Phoca extensions useful, please support the project
Post Reply