Page 1 of 2

Folder Image Icons Not Displaying in Category Widget

Posted: 10 Mar 2015, 20:12
by Emine
I'm hoping that someone can direct me as to why the little folder icon images that are normally loaded with suffusion are not showing up at all. I've test suffusion on my test website it they work perfectly, however on my website they do not show up at all, leaving unwanted space in the category widget. I don't think its a css issue, because I've not made any css code changes to my sidebar. If you take a look at my website at casinobonuschips.org, you will notice there are no icon images under the "bonus categories". The bullets show perfectly, so something had to have happened between an upgrade or plugin, I'm not sure. BTW, sorry if this question was asked before, but I've been looking around for days and could not find any solutions or topics regarding this issue.

Thank you so much for all your help.

Re: Folder Image Icons Not Displaying in Category Widget

Posted: 10 Mar 2015, 23:23
by drake
I don't understand, what icons? On your site the icons for bylines are showing fine:
casino-bonuses.PNG
casino-bonuses.PNG (28.62KiB)Viewed 20750 times

Re: Folder Image Icons Not Displaying in Category Widget

Posted: 11 Mar 2015, 07:24
by Emine
Hi Drake, its on the right sidebar that it is not showing folder icons, everything else is beautiful. Look at the sidebar on right of website the category widget named "bonus categories".

BTW thank you for your quick reply:) You guys rock!!!

Re: Folder Image Icons Not Displaying in Category Widget

Posted: 11 Mar 2015, 08:13
by Colin
You are using a caching plugin that has cached your CSS. The definition for these bullets has a background:none applied to it by this CSS and so the bullets are not shown. Try clearing your cache in the first instance and then check your custom CSS for .widget_categories ul li with background set to none and remove that definition.

Re: Folder Image Icons Not Displaying in Category Widget

Posted: 11 Mar 2015, 09:11
by Emine
Sorry, but I'm understanding when you said check CSS for .widget_categories ul li with background set to none and remove that definition. Where exactly do I check for this, because I've cleared my cache, the bullets have always shown, but not the folder icons on the right side bar. Is there a css code that I need in order for this to work? I am terribly sorry that I have to ask you for this, but coding is not my expertise.

Re: Folder Image Icons Not Displaying in Category Widget

Posted: 11 Mar 2015, 12:07
by Colin
Do you have anything in Suffusion Options > Backend > Custom Includes > Custom Styles?

Do you have any plugin that allows you to set some Custom CSS?

Re: Folder Image Icons Not Displaying in Category Widget

Posted: 11 Mar 2015, 13:13
by Emine
Yes I write all my css codes in the back end under custom includes

Re: Folder Image Icons Not Displaying in Category Widget

Posted: 11 Mar 2015, 14:21
by Colin
Do you have a definition there for .widget_categories ul li if you do as above.

Re: Folder Image Icons Not Displaying in Category Widget

Posted: 11 Mar 2015, 14:27
by Emine
No I do not have anything like that. So what do I do now?

This is everything I have in CSS

.CSSTableGenerator {
margin:0px;padding:0px;
width:90%;
box-shadow: 10px 10px 5px #888888;
border:1px solid #ffffff;

-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;

-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;

-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;

-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}.CSSTableGenerator table{
border-collapse: collapse;
border-spacing: 0;
width:100%;
height:100%;
margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
background-color:#edeaea;


}
.CSSTableGenerator td{
vertical-align:middle;

background-color:#ffffff;

border:1px solid #ffffff;
border-width:0px 1px 1px 0px;
text-align:left;
padding:7px;
font-size:14px;
font-family:Arial;
font-weight:normal;
color:#000000;
}.CSSTableGenerator tr:last-child td{
border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
background:-o-linear-gradient(bottom, #000000 2%, #ff0000 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #ff0000) );
background:-moz-linear-gradient( center top, #000000 2%, #ff0000 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ff0000"); background: -o-linear-gradient(top,#000000,ff0000);

background-color:#000000;
border:0px solid #ffffff;
text-align:left;
border-width:0px 0px 1px 1px;
font-size:14px;
font-family:Arial;
font-weight:bold;
color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
background:-o-linear-gradient(bottom, #000000 2%, #ff0000 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #ff0000) );
background:-moz-linear-gradient( center top, #000000 2%, #ff0000 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ff0000"); background: -o-linear-gradient(top,#000000,ff0000);

background-color:#000000;
}
.CSSTableGenerator tr:first-child td:first-child{
border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
border-width:0px 0px 1px 1px;
}

box-shadow: 0px 12px 14px -7px #f29c93;
-webkit-box-shadow: 0px 12px 14px -7px #f29c93;
box-shadow: 0px 12px 14px -7px #f29c93;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
background-color:#fe1a00;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #d83526;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:13px;
font-weight:bold;
padding:6px 12px;
text-decoration:none;
text-shadow:0px 1px 0px #b23e35;
}

.button {
display: inline-block;
text-align: center;
vertical-align: middle;
padding: 9px 20px;
border: 1px solid #aa0305;
border-radius: 8px;
background: #cc3f42;
background: -webkit-gradient(linear, left top, left bottom, from(#cc3f42), to(#aa0305));
background: -moz-linear-gradient(top, #cc3f42, #aa0305);
background: linear-gradient(to bottom, #cc3f42, #aa0305);
-webkit-box-shadow: #ff070c 2px 5px 23px 0px;
-moz-box-shadow: #ff070c 2px 5px 23px 0px;
box-shadow: #ff070c 2px 5px 23px 0px;
text-shadow: #640203 1px 1px 1px;
font: normal normal bold 13px trebuchet ms;
color: #ffffff;
text-decoration: none;
}
.button:hover,
.button:focus {
border: 1px solid ##c80406;
background: #f54c4f;
background: -webkit-gradient(linear, left top, left bottom, from(#f54c4f), to(#cc0406));
background: -moz-linear-gradient(top, #f54c4f, #cc0406);
background: linear-gradient(to bottom, #f54c4f, #cc0406);
color: #ffffff;
text-decoration: none;
}
.button:active {
background: #7a2628;
background: -webkit-gradient(linear, left top, left bottom, from(#7a2628), to(#aa0305));
background: -moz-linear-gradient(top, #7a2628, #aa0305);
background: linear-gradient(to bottom, #7a2628, #aa0305);
}

.addtoany_share_save_container { text-align:right; }


h3.dbx-handle {
background:#DFDFDF;
color:#960;
font-size:1.2em;
font-family:Arial;
}

#nav ul.sf-menu, #nav-top ul.sf-menu {padding-left:30px;}


#nav ul ul li, #nav.continuous ul ul li, #nav ul ul li a, #nav.continuous ul ul li a, #nav ul ul li a:visited, #nav.continuous ul ul li a:visited {background-color: #DBDBDB;}

Re: Folder Image Icons Not Displaying in Category Widget

Posted: 12 Mar 2015, 01:55
by Colin
You don't need to do anything as they are now showing for me.
s1.JPG
s1.JPG (25.55KiB)Viewed 20676 times