Error

HTML & CSS
1

I am having a difficult time figuring out what exactly is causing a conflict, can anyone look on this link?

http://retailsolutionsdirect.com/test/polarpos/?page_id=987

There supposed to be an icon next to the “Lorem Icon Text” but it doesn’t show up. Why?

2

Please post the PHP code

3

Check your style-sheet and relative path for the background image alarm-icon.

Are any of the other icons showing?

// “http://retailsolutionsdirect.com/test/polarpos/?page_id=987”


  <p class="tt-icon icon-alarm">Lorem Icon Text</p>

// “http://retailsolutionsdirect.com/test/polarpos/wp-content/plugins/vision/vision-shortcodes.css?ver=3.5.1”



/*-------------------------------*/
/* Icons
/*-------------------------------*/
.tt-icon {
padding:4px 0 20px 55px;
display:inline-block;
font-size:13px;
line-height:1.5em;
}

.tt-icon span {font-weight:bold;}

.icon-alarm {
background:url(images/shortcodes/icons/alarm.png) 0 0 no-repeat;
}
4

The one above it shows up, it is the one of the gray gears.

5

Missing PNG

http://www.retailsolutionsdirect.com/test/polarpos/wp-content/plugins/vision/images/shortcodes/mono-icons/alarm.png

Valid PNG

http://retailsolutionsdirect.com/test/polarpos/wp-content/plugins/vision/images/shortcodes/mono-icons/cog.png