The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 02-25-2010, 10:55 AM
Lewis George's Avatar
Lewis George is offline
Junior Member
 
Join Date: Jan 2010
Posts: 3
Default

Custome Category & Sub-Cat Buttons


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
  #2  
Old 02-25-2010, 12:45 PM
Qetzal's Avatar
Qetzal Qetzal is offline
Ecwid Team
 
Join Date: Sep 2009
Posts: 10,847
Default

Quote:
Originally Posted by Lewis George View Post
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.
__________________
Eugene K.
Ecwid Team

@ecwid | Facebook | Ecwid Knowledge Base
  #3  
Old 02-25-2010, 01:01 PM
Lewis George's Avatar
Lewis George Lewis George is offline
Junior Member
 
Join Date: Jan 2010
Posts: 3
Default Temp Site link

http://www.luvagift.lavoracms.com

Thanks,
  #4  
Old 02-25-2010, 04:26 PM
Qetzal's Avatar
Qetzal Qetzal is offline
Ecwid Team
 
Join Date: Sep 2009
Posts: 10,847
Default

Quote:
Originally Posted by Lewis George View Post
Thank you for the link.
Use this CSS class to set a background for such items:

HTML Code:
div.ecwid-categories-vertical td.gwt-MenuItem {

}
__________________
Eugene K.
Ecwid Team

@ecwid | Facebook | Ecwid Knowledge Base
  #5  
Old 03-03-2010, 02:44 PM
Lewis George's Avatar
Lewis George Lewis George is offline
Junior Member
 
Join Date: Jan 2010
Posts: 3
Default

Worked like a charm, thanks
  #6  
Old 05-25-2013, 08:26 AM
Oggy G's Avatar
Oggy G Oggy G is offline
Junior Member
 
Join Date: Oct 2012
Posts: 14
Default

Quote:
Originally Posted by Lewis George View Post
Worked like a charm, thanks
Hello,

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

Thank you!

Quote:
Originally Posted by Qetzal View Post
Thank you for the link.
Use this CSS class to set a background for such items:

HTML Code:
div.ecwid-categories-vertical td.gwt-MenuItem {

}
Hello,

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

Thank you!

Last edited by Maya; 05-27-2013 at 01:01 PM.
  #7  
Old 05-27-2013, 01:03 PM
Maya's Avatar
Maya Maya is offline
Ecwid Team
 
Join Date: Feb 2010
Location: Ecwid headquarter
Posts: 5,876
Default

The final code for background changing will look like this:
Code:
div.ecwid-categories-vertical td.gwt-MenuItem {
 background-color: #000000;
}
where #000000 color code can be changed as you needed: html-color-codes.info
__________________
Maya N., Ecwid Team

------------------
Welcome to our new Help Center!
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
buttons, category list, css, images

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 11:14 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.