• Hi guys,

    I have successfully managed to style the buttons on the cart and checkout page, but I have searched for days how to style the “add discount code” button and field on Cart page and the two buttons showing when clicking the Cart icon on any page (from the pop up). See below for images of what I mean. Any tips? Thanks a lot! ??

    Discount code field and button
    Cart buttons (Cart icon pop up)

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Eivind

    (@eivsemb)

    If you cannot see the two pictures in first post, this is the links:

    View post on imgur.com

    View post on imgur.com

    Please post the url to your site. For these types of issues its necessary to examine the markup and styles using browser tools. Markup and styles vary between themes.

    Thread Starter Eivind

    (@eivsemb)

    The URL is https://www.restauram.com/. I am using latest Flatsome theme if that helps.

    Note that the site is still under construction on a temporary domain and contains random content at the moment ??

    PS: I just realised I also need to style the “Logg inn” button that appears in the pop up when clicking “Logg inn / registrer” in the very top right corner.

    Thread Starter Eivind

    (@eivsemb)

    Any tips to this? I am sure this must be an easy fix, I just don’t know the CSS class or selector to use to style the buttons.

    /* LOGG INN */
    #login-form-popup input.button {
      background:#ffe !important;
    }
    /* VIS HANDLEKURV */
    .woocommerce-page .widget_shopping_cart a.button.wc-forward {
      background-color:#eef !important;   
    }
    /* TILL KASSEN */
    .woocommerce-page .widget_shopping_cart a.button.checkout {
      background-color:#efe !important;   
    }
    /* Coupon field */
    .coupon input[type="text"] {
      background-color:#fee;  
    }
    /* Coupon button */
    input[type='submit'].is-form {
      background-color: rgb(122, 193, 149);
      color: #000;
      text-shadow:none;
      border: 2px solid #000;
      border-radius:10px;
    }
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change styling (CSS) of Cart and Discount code buttons’ is closed to new replies.