Hey everyone, I'm in the process of creating a travel blog on WordPress and have encountered some issues with the CSS on my site. I've included maps and tables that look fine in my fiddle, but when I transfer them to my website, they appear distorted.
The main page giving me trouble can be found here:
Issue (1): The infoboxes on the maps are not displaying the correct CSS when an icon is clicked. You can view the intended design in this fiddle: http://jsfiddle.net/4V7en/4/
Issue (2): The fusion layer I added is not showing up correctly in Chrome or iOS browsers. The fiddle demonstrates how it's supposed to look, but on my site, the layers are distorted, especially when scrolling over certain areas like Australia.
Issue (3): There seems to be a border around the check mark buttons within the table. I've tried various CSS modifications to remove it, but nothing seems to work. Any insights on what might be causing this would be greatly appreciated!
If someone could take a look at the site, particularly using Chrome to identify these problems, that would be incredibly helpful.
.caption-title-link {
text-decoration:none;
color:#41a62a;
font-size:12px;
font-family: verdana;
font-weight: bold;
}
Thank you for your help!