map alingnment... (left, right)

[PE1PQX]

Example: https://www.pe1pqx.eu/home/bloggen/vaka ... nrijk-2025

I am a happy user of Phoca Maps, a great tool to show where in the world you have been.
I am writing an other blog, but I can not find a way to align a map in an article on the left (or right) side of the page.

Example: in the link I posted above, you see a picture on the left side of the page, with the text around it. It is fairly easy to do the same with a picture, but on the right side of the page.

I am looking around the plugin and/or in the article editor (JCE Editor Pro) but I can not find a way to do the same with a map.
Is this possible and if so, how do I do this?

[Benno]

Hi,
temporarily it works with:
float: left;
or
float: right;





However, as this is an inline element, you will probably have to use an !important

So:
float: left !important ;
or
float: right !important ;

Kind regards,
Benno

[PE1PQX]

I cannot find where to put the 'float: right !important' (or 'float: left !important) in the plugin.

You used the element inspector to alter some code itself (as far I can judge). I like to see this option in the plugin/component itself.

[Benno]

Hi,

I like to see this option in the plugin/component itself.

This option is not available in the plugin or the component. My solution is css and should be inserted into the user.css like this:

Code: Select all

#phocaMapPlgPM2 {
float: left !important;
}

Kind regards,
Benno

[PE1PQX]

Changing a .css file will change all maps on my page, something I wish not to do so.

@Development: could you please ad the feature to change the location (left, right or center) of a map similar to the picture, so that even written text will be around the map?

[Jan]

Hi, you can be more concrete in CSS so you only can assign the CSS rule to specific map on the site. If you are using plugin, the best way is allways add a box for the map and such can be then stylized by yourself easily in CSS. Such box then can define even the size - so the map inside will have e.g. 100% width but the final width will be managed by the box.

Jan