[Lewis George]

Hello,

I've managed to add a background image to my category buttons that changes on the :hover and :active commands, but i want a differant image for the sub categories. at the moment its just display's the category image at the top of the sub-list, this doesn't look very good at all.

Anyone know who i might be able to achive this?

my css:

.ecwid-categories-vertical-table-cell-selected{
background-image:none;
background-color:#fff;
}
.ecwid-categories-vertical-table-cell{
background:url('userfiles/img/btns.jpg') 0 0 no-repeat;
margin:0px;
padding:0px;
width: 180px;
height: 30px;
}
.ecwid-categories-vertical-table-cell:hover{
background:url('userfiles/img/btns.jpg') -180px 0 no-repeat;
}
.ecwid-categories-vertical-table-cell:active{
background:url('userfiles/img/btns.jpg') -360px 0 no-repeat;
}

Thanks

[Qetzal]

Originally Posted by Lewis George

Hello,

I've managed to add a background image to my category buttons that changes on the :hover and :active commands, but i want a differant image for the sub categories. at the moment its just display's the category image at the top of the sub-list, this doesn't look very good at all.

Anyone know who i might be able to achive this?

Please post a link to your store.

[Lewis George]

http://www.luvagift.lavoracms.com

Thanks,

[Qetzal]

Originally Posted by Lewis George

http://www.luvagift.lavoracms.com

Thanks,

Thank you for the link.
Use this CSS class to set a background for such items:

div.ecwid-categories-vertical td.gwt-MenuItem {

}

[Lewis George]

Worked like a charm, thanks

[Oggy G]

Originally Posted by Lewis George

Worked like a charm, thanks

Hello,

Can you please post the final code, because I am a little bit confused ...

Thank you!

Originally Posted by Qetzal

Thank you for the link.
Use this CSS class to set a background for such items:

div.ecwid-categories-vertical td.gwt-MenuItem {

}

Hello,

Can you please post the final code, because I am a little bit confused ...

Thank you!

[Maya]

The final code for background changing will look like this:

div.ecwid-categories-vertical td.gwt-MenuItem {
 background-color: #000000;
}

where #000000 color code can be changed as you needed: html-color-codes.info