Anyone knows how to change add to cart button from lingerie skin. I want to replace with my own custom add to cart image. :rolleyes:
Please help
This would be one way I think. In styles.css around lines 114 - 132
/* input buttons */
.button-submit-action, .button-submit, .button-submit-big, .button, .button-action {
background: #ff5f2e url(‘images/but_right_action.gif’) no-repeat right top;
height: 21px;
}
.button-submit-action, .button-action {
padding-right: 17px;
}
.button-submit-action, .button-action, x:-moz-any-link {
padding-right: 15px;
}
.button-submit, .button {
height: 19px;
}
.button-submit-action input, .button-submit input, .button-submit-big input, .button-action a {
background: transparent url(‘images/but_left_action.gif’) no-repeat left top;
padding: 3px 0px 4px 9px;
height: 21px;
line-height: 14px;
but_right (left)_action.gif are the images to create the buttons. You can edit the entries to include yours. I would try something like:
.button-submit-action, .button-submit, .button-submit-big, .button, .button-action {
background: #your color url(‘images/your button.gif’) no-repeat;
height: your height px; width: your width px;
And leave out the other css entries as they are there to join the left and right gif’s.
Play with it.
Mate here is the css lines below, please tell me which line have to edit because i try to edit and nothing work. I am using lingerie skin.
/* input buttons */
.button-submit-action, .button-submit, .button-submit-big, .button, .button-action {
height: 18px;
}
.button-submit-action, .button-action {
}
.button-submit-action, .button-action, x:-moz-any-link {
}
.button-submit {
height: 18px;
}
.button-submit-action input, .button-submit input, .button-submit-big input, .button-action a {
background-color: #77776c;
margin: 0px;
height: 18px;
line-height: 14px;
}
.button-submit-action input, .button-submit input, .button-submit-big input, .button-action a, x:-moz-any-link {
padding: 1px 2px 3px;
}
.button-submit, .button {
background-image: none;
}
.button-submit input, .button a {
background-image: none;
/*padding: 1px 6px 2px 5px;*/
}
.button-submit input {
padding-bottom: 6px;
line-height: 16px;
}
.button-submit-big {
background: #e12f61 url(images/big_but_left.png) no-repeat left top;
padding-left: 3px;
height: 29px;
}
.button-submit-big input {
font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
background: url(images/big_but_right.png) no-repeat right top;
font-size: 12px;
padding: 7px 19px 8px 7px;
height: 29px;
line-height: 16px;
border: none;
}
.button-submit-big input, x:-moz-any-link {
padding: 5px 16px 8px 4px;
}
/* /input buttons */
.button {
padding: 0px;
border: 0px none;
}
.button a {
/*padding: 2px 10px 3px 10px;*/
}
.button-action a {
padding: 0px 5px;
line-height: 16px;
height: 16px;
}