Kjempestore knapper

Det er åpenbart et problem med stylesheetet ditt versus stylesheet til plugin. Du kan overstyre dette med mer spesifikke CSS-regler.

Har du en lenke til (kanskje helst en prøveversjon) av nettstedet ditt med disse symptomene? Hvis du ikke vil publisere det offentlig, kan du også sende til [email protected] .

Det er litt forskjellig å forholde seg til i stylesheetet ditt med litt bruk av “!important” og slikt, men du kan prøve med disse ekstra-reglene, som bør være mulig å legge til i themet ditt:

/* For product listings  */
.woocommerce .products a.single-product.button.vipps-buy-now {
    font-size: 12px;
    color: #fff;
}
.woocommerce .products a.single-product.button.vipps-buy-now img {
    width: 50px;
    padding-bottom: 0px !important;
    margin-bottom: 5px !important;
}

/* For the shopping cart page */
.woocommerce a.button.vipps-express-checkout img {
    min-width: 200px;
    padding: 0px !important;
    position: relative;
    bottom: -10px;

}
.woocommerce a.button.vipps-express-checkout {
 border: 0;
}
.woocommerce a.button.vipps-express-checkout:hover  {
 border: 0;
 background-color: rgba(255,255,255,0) !important;
}

/* For the single product page */
/* Single product page */
.woocommerce a.single-product.button.vipps-buy-now {
   color: #fff;
   font-size:15px;
   border:0px;
   padding-top: 12px !important;
   margin-left:5px;
    
}
.woocommerce a.button .inline.vipps-logo.negative {
    padding-bottom: 0px;
    margin-bottom: 6px;
    height:auto;
    max-width:60px
}

Merker denne som løst.