Folder Image Icons Not Displaying in Category Widget

Reports about issues that you encounter in Suffusion. This forum is closed with effect from February 2019. Please post future requests on https://github.com/sayontan/suffusion.
Forum rules
This forum is being officially closed with effect from 3rd February 2019. Future support requests can be posted on the GitHub page at https://github.com/sayontan/suffusion/issues.
Emine
Posts: 9
Joined: 23 Jan 2015, 12:21

Folder Image Icons Not Displaying in Category Widget

Post by Emine » 10 Mar 2015, 20:12

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.

drake
Posts: 6223
Joined: 26 Jul 2011, 07:56
Location: Constanta, Romania
Contact:

Re: Folder Image Icons Not Displaying in Category Widget

Post by drake » 10 Mar 2015, 23:23

I don't understand, what icons? On your site the icons for bylines are showing fine:
casino-bonuses.PNG
casino-bonuses.PNG (28.62 KiB) Viewed 15988 times

Emine
Posts: 9
Joined: 23 Jan 2015, 12:21

Re: Folder Image Icons Not Displaying in Category Widget

Post by Emine » 11 Mar 2015, 07:24

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!!!

Colin
Posts: 5066
Joined: 27 Oct 2009, 10:46

Re: Folder Image Icons Not Displaying in Category Widget

Post by Colin » 11 Mar 2015, 08:13

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.

Emine
Posts: 9
Joined: 23 Jan 2015, 12:21

Re: Folder Image Icons Not Displaying in Category Widget

Post by Emine » 11 Mar 2015, 09:11

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.

Colin
Posts: 5066
Joined: 27 Oct 2009, 10:46

Re: Folder Image Icons Not Displaying in Category Widget

Post by Colin » 11 Mar 2015, 12:07

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?

Emine
Posts: 9
Joined: 23 Jan 2015, 12:21

Re: Folder Image Icons Not Displaying in Category Widget

Post by Emine » 11 Mar 2015, 13:13

Yes I write all my css codes in the back end under custom includes

Colin
Posts: 5066
Joined: 27 Oct 2009, 10:46

Re: Folder Image Icons Not Displaying in Category Widget

Post by Colin » 11 Mar 2015, 14:21

Do you have a definition there for .widget_categories ul li if you do as above.

Emine
Posts: 9
Joined: 23 Jan 2015, 12:21

Re: Folder Image Icons Not Displaying in Category Widget

Post by Emine » 11 Mar 2015, 14:27

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;}

Colin
Posts: 5066
Joined: 27 Oct 2009, 10:46

Re: Folder Image Icons Not Displaying in Category Widget

Post by Colin » 12 Mar 2015, 01:55

You don't need to do anything as they are now showing for me.
s1.JPG
s1.JPG (25.55 KiB) Viewed 15914 times

Locked