如何更改magento上的按钮样式

我需要一些关于添加到我的magento网站上的购物车和其他botton的帮助。如何更改magento上的按钮样式

http://www.siameyewear.com/ray-ban-rb3025-112-69-aviator-large-metal.html

，你可以看到。这对我来说太简单了。我创建了一个新的css按钮。但问题是我不知道如何改变我的主题。我已经问过主题支持来帮忙。但他们不支持定制。

.classname { 
    -moz-box-shadow:inset 0px 2px 0px 0px #ffeac7; 
    -webkit-box-shadow:inset 0px 2px 0px 0px #ffeac7; 
    box-shadow:inset 0px 2px 0px 0px #ffeac7; 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffce79), color-stop(1, #f7a413)); 
    background:-moz-linear-gradient(center top, #ffce79 5%, #f7a413 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce79', endColorstr='#f7a413'); 
    background-color:#ffce79; 
    -webkit-border-top-left-radius:10px; 
    -moz-border-radius-topleft:10px; 
    border-top-left-radius:10px; 
    -webkit-border-top-right-radius:10px; 
    -moz-border-radius-topright:10px; 
    border-top-right-radius:10px; 
    -webkit-border-bottom-right-radius:10px; 
    -moz-border-radius-bottomright:10px; 
    border-bottom-right-radius:10px; 
    -webkit-border-bottom-left-radius:10px; 
    -moz-border-radius-bottomleft:10px; 
    border-bottom-left-radius:10px; 
    text-indent:-2.62px; 
    border:2px solid #919191; 
    display:inline-block; 
    color:#ffffff; 
    font-family:Arial; 
    font-size:22px;  
    font-weight:bold; 
    font-style:normal; 
    height:62px; 
    line-height:62px; 
    width:143px; 
    text-decoration:none; 
    text-align:center; 
    text-shadow:0px 3px 0px #e8ad54; 
} 
.classname:hover { 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7a413), color-stop(1, #ffce79)); 
    background:-moz-linear-gradient(center top, #f7a413 5%, #ffce79 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7a413', endColorstr='#ffce79'); 
    background-color:#f7a413; 
} 
.classname:active {  
    position:relative; 
    top:1px; 
}

请让我知道我在哪里粘贴此代码，使其工作。非常感谢你

来源

2013-09-28 Charusporn Huge

通常情况下，当你改变你的按钮，你要么改变给定的类名，要么复制类名，并从那里设置样式。

您的Add-to-cart围绕包含文本的跨度而不是实际的按钮构建。

您可以通过以下样式跨度： .btn-车跨跨度

在问候你的问题，我的帖子底部.. 您可以覆盖主题造型，以消除目前风格，然后创建你自己的 - 记得使用类“btn-cart”。也就是说，您可以在提供给“.btn-cart”的CSS中更改“.classname”，但是您可能需要查看.btn-cart的当前样式，尤其是.btn-cart span造型。您可以将代码粘贴到其中一个包含的CSS工作表中（检查您的page.xml）。样式表放置在/ skin/frontend/x/x/css/

如果要更改Add-to-cart按钮的布局，请转至....../template/catalog/product/view.phtml。从这里，你可以改变你的按钮。请记住，有probaly是从多个地方显示添加到购物车按钮。

来源

2013-09-28 12:09:44

如何更改magento上的按钮样式

回答

相关问题