• Er det noen måte å øke størrelsen på vipps hurtigkasse knappen på handlekurv siden?
    Den er utrolig liten slik som den er nå, nesten så den ikke er synelig. I tilegg sliter jeg litt med og endre utseende på “oppdater handlekurven” knappen, er det noen som har en css kode som kun endrer på denne knappen?

    Tusen takk på forhånd!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Iver Odin Kvello

    (@iverok)

    Hei,

    Hvis “oppdater handlekurv” også er liten vil du antagelig måtte endre mer enn én ting, men standard vipps-hurtigkasse-knapp i handlekurvsiden er

    a.button.vipps-express-checkout {
    }

    Alle stilene ligger i wp-content/plugins/woo-vipps/css/vipps.css

    Hvis det ikke er nok med CSS, kan du kan også endre HTML for denne knappen ved å bruke filteret

    'woo_vipps_cart_express_checkout_button'

    – som tar default HTML og en URL som inputargumenter.

    For “oppdater handlekurv” så kan det tenktes at ditt theme har egen CSS og html for denne, men typisk så er den bare en “button”. Du vil sannsynligvis kunne gjøre noe med den med

    form.woocommerce-cart-form button[name="update_cart"] {
    }

    – men det avhenger altså av theme osv. Hvis du har overstyringer her, vil det sannsynligvis være i en fil woocommerce/cart/cart.php i themet ditt.

    Thread Starter chrhagen

    (@chrhagen)

    Tusen takk det hjalp! Nå har jeg bare ett siste problem, knappen får grønn farge på hover. Har du noen ide hvor dette kan være? Eller tror du dette kan være på grunn av mitt theme?

    Thread Starter chrhagen

    (@chrhagen)

    Alle 3 knappene får samme stil(Oppdater handlekurv, hurtigkasse og fortsett til kassen) Er det noen måte og eksludere hurtigkasse knappen fra stilene som kommer fra .woocommerce-page input.button?

    Thread Starter chrhagen

    (@chrhagen)

    Jeg fant ut av det, for dere andre som lurer så måtte jeg inn med følgende CSS

    .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
    background: green!important;
    background-color: transparent!important;
    color: green!important;
    text-shadow: transparent!important;
    box-shadow: none;
    border-color: green!important;
    }

    hei trenger hjelp med vipps logo i hurtig kasse. Logo synes ikke med farge.

    Bruker Difi theme.

    https://solfilm.shop/produkt/natural-20-ext-solfilm/

    Plugin Author Iver Odin Kvello

    (@iverok)

    Hei,

    Det skal nok kunne fikses med CSS eller i verste fall et lite theme-tillegg; men jeg kan ikke nå på siden din se knappen. Kan du skru på knappen på en testside eller tilsvarende så vi kan se hva som mangler?

    foilman2

    (@foilman2)

    Det ordnet seg på produktsiden. Takk.

    Men på handlekurvside er det fortsatt liten knapp, har du noe CSS for dette?

    Plugin Author Iver Odin Kvello

    (@iverok)

    Du vil nok måtte tilpasse dette endel og legge til spesielle regler for mindre skjermer og slikt, men kanskje noe ala dette:

    .button.vipps-express-checkout img {
      width: 12em;
    }
    .et_button_no_icon.woocommerce-page a.button.vipps-express-checkout {
     padding: 0px !important;
     line-height: 1em !important;
    }
Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Handlekurv’ is closed to new replies.