Toggle Submenu
  1. Forums
  2. Recent
  3. Categories
  4. Tags
  5. Users
  6. Badges
Support is currently Offline
Support Offline
It's past support hour. We are taking some rest and will come back stronger tomorrow. Promise!
Official support hours:
Monday To Friday except Saturday and Sunday
From 09:30 To 17:00
Our current time: Friday 8:13 am
Add a reply View Replies (6)

Resolved Size of google Maps field

  1. schuster.tobias
    schuster.tobias
  2. Support
  3. Wednesday, November 29 2017, 07:55 AM
Hello, I bought your easy profile extension and installed it on my page. I created a goolge maps field for user location. I cant see any settings of the size for this field. On my page it is slim but wide. I want it approximately square. Where cah I change this
Attachments (1)
easy.JPG easy.JPG
Responses (6)
admin
admin Accepted Answer
Admin
Hi,
you can manage width of maps via CSS, to have square size then you can add following CSS to your template:
.jsn_map{max-width:300px;}


Many templates have a setting to add custom code or a custom CSS file ( normally at /templates/your-template-folder/css/custom.css )
  1. more than a month ago
  2. Support
  3. # 1
schuster.tobias
schuster.tobias Accepted Answer
Ok, thank you. That workes for me. Is the height adjustable?
  1. more than a month ago
  2. Support
  3. # 2
admin
admin Accepted Answer
Admin
Hi,
of course, with the same way, default is 300 pixels.
.jsn_map{

    max-width:300px;

    height:300px;

}


For width we recommend to use "max-width" instead "width" to have a responsive map. But basically for height this is not necessary and you can use "height" directive.
  1. more than a month ago
  2. Support
  3. # 3
schuster.tobias
schuster.tobias Accepted Answer
Hello and thank you for your quick reply. The attribute "max-width" workes fine, but "height" dosen´t change anything. Joomla and Browser Cache is cleared!
  1. more than a month ago
  2. Support
  3. # 4
admin
admin Accepted Answer
Admin
Hi,
try with this:


.jsn_map{

    max-width:300px;

    height:300px !important;

}
  1. more than a month ago
  2. Support
  3. # 5
schuster.tobias
schuster.tobias Accepted Answer
Content Protected
  1. more than a month ago
  2. Support
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.