×

Notice

The forum is in read only mode.
Welcome, Guest
Username: Password: Remember me
Forgot your password? Forgot your username? Create an account
Forum
Hotspots
Pro
Newbie area
Big Map Controls Very Small
  • Page:
  • 1

TOPIC: Big Map Controls Very Small

Big Map Controls Very Small 10 years 11 months ago #20912

  • Scott Mason
  • Scott Mason's Avatar Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 20
  • Thank you received: 1
Hey... this is the newb section so here goes... have the map controls set to big but they are too small.
Attachments:

Big Map Controls Very Small 10 years 11 months ago #20925

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Away
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
Most probably again a problem with your template. Would you enable the big map controls so that I could have a look?
The following user(s) said Thank You: Scott Mason

Big Map Controls Very Small 10 years 11 months ago #20932

  • Scott Mason
  • Scott Mason's Avatar Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 20
  • Thank you received: 1
Done, sorry.

Big Map Controls Very Small 10 years 11 months ago #20934

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Away
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
On line 143 in your template you have this
img {
height:auto !important;
max-width:100% !important;
-webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box !important;    /* Firefox, other Gecko */
box-sizing: border-box !important;         /* Opera/IE 8+ */
}

the max-width is set to 100% with !important...

In bootstrap-default.css you have this
#map_canvas img {
  max-width: none;
}

But since your template has included the max-width definition with !important it always has a higher weight for the css.

Try to change:
#map_canvas img {
  max-width: none;
}
to
#map_canvas img {
  max-width: none!important;
}

let me know how it goes
The following user(s) said Thank You: Scott Mason

Big Map Controls Very Small 10 years 11 months ago #20939

  • Scott Mason
  • Scott Mason's Avatar Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 20
  • Thank you received: 1
Thanks for your time but when I enter the changes in the code editor the exclamation point is interpreted as a semi-colon. I downloaded the file to make the suggested change and when it was reloaded it had no impact.

Don't stress this one for me though I really appreciate your time. I'll just go back to the +/- for now but please let me know if it gets resolved.

Thanks again for your time!

Big Map Controls Very Small 10 years 11 months ago #20940

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Away
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
This can only be resolved if you participate in this :)

Find out what is outputting this to the html of your site:
img {
height:auto !important;
max-width:100% !important;
-webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box !important;    /* Firefox, other Gecko */
box-sizing: border-box !important;         /* Opera/IE 8+ */
}

The !important rule basically screws you up. Here more info:
css-tricks.com/when-using-important-is-the-right-choice/
The following user(s) said Thank You: Scott Mason

Big Map Controls Very Small 10 years 11 months ago #20941

  • Scott Mason
  • Scott Mason's Avatar Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 20
  • Thank you received: 1
Thank you for the reference and I will revisit this but for now went to the small controls (need to get a demo out there). Thanks for your time... and for your patience!
  • Page:
  • 1
Forum
Hotspots
Pro
Newbie area
Big Map Controls Very Small
Time to create page: 0.118 seconds