nsdlfefinedieicbe nsdlfefinedieicbe - 6 months ago 35
HTML Question

remove the first background color for button

"ADD TO CART" & "save design" button is displaying like below image.

I wanted to display "SAVE DESIGN" button as like "ADD TO CART"

means i want to remove first background-color also that dot symbol.

"code for add to cart"

.product-view .add-to-cart-buttons .button {
float: left;
font-size: 14px;
font-weight: normal !important;
line-height: 35px;
min-height: 35px;
min-width: 120px;
padding: 0 !important;
white-space: normal;
width: 100%;

code for "save design"

#aitcg-control-panel {

position: absolute;
right: 200px;
bottom: 107px;
z-index: 1;
padding: 5px !important;


enter image description here

when i used same css that we applied for "ADD TO CART" button, but it did't worked for me.

demo link : please visit link , you can see "ADD TO CART & SAVE DESIGN" section at middle of the page.


Please add this style in stylesheet

#aitcg-tooltip .aitcg-button.apply-but {
    background-color: transparent !important;
    border: 0 none;
    color: orange;
div#aitcg-control-panel .aitcg-button {
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    color: #fff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    min-height: 26px;
    padding: 0;
    width: 120px;
#aitcg-control-panel button:nth-child(2) {
    display: none;

Hope this will Help. Thanks