broken images

there are supposed to be previous and next arrows for the months. Currently you have to hover over them for them to display. the developer said that its your plugin. and he is correct. when i deactivate your plugin, the calendar month previous and next are different colors and work properly and they display.

please fix whatever you need to on your end so that the my website displays properly. thanks!

Hi casatreslobos,

Thank you for bringing this to our attention.

Just to make sure: the images effected are the popup calendar arrows, right?

For example:

yes. do you know when you can fix it?

Your theme is calling a google hosted jQuery UI CSS file, which includes the references to the images for that calendar. However, the image references are relative URLs. What you can do is just add the following custom CSS to make those image references have absolute paths. For example:

.ui-icon { width: 16px; height: 16px; background-image: url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

ok so its theme related? Because I have the same theme and form plugin on 15 other website and do not have this problem. Your website is the only one that has the reviews plugin. And when I disabled your plugin, the arrows were displaying…

Hello casatreslobos,

When using different plugins and themes sometimes you’ll find that the same class name is used in both. For instance ui-icons in this case. There is nothing wrong on anyone’s part except that it is a coincidence. This, in turn, causes a conflict like in your calendar which is using the ui-icons class of our plugin. Now we did go through the plugin that you are using and found a solution to that which is mentioned above.
If there is anything else that we could help you with please let us know.

the arrow image doesn’t know. It has the wrong source.

i put your code in the CSS file. the arrows still do not display.

Hi casatreslobos,

Where did you add in the custom CSS code we sent?

If you haven’t already, could you try adding code we sent to the “Custom CSS” box (in “Options”->”Basic”)?