CODEWITHSUNDEEP
htmlcss
fresher
fresher

Reputation: 901

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;
    background:#ff7704;

}

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.

Upvotes: 1

Views: 2424

Answers (1)

Muhammad Bilawal
Muhammad Bilawal

Reputation: 474

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

Upvotes: 1

Related Questions