Okay
  Public Ticket #669500
Change Button Shape on Mobile
Closed

Comments

  • John started the conversation
    February 12, 2016 at 10:08pm

    Hello,


    I would like to change the round shape of the +/- buttons on my website to be flat and boxed.


    How can I make this possible?

  •   John replied privately
  •  8,992
    Tahir replied
    February 16, 2016 at 1:59am

    Hey,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    @media only screen and (max-width: 690px) {
    .woocommerce div.product form.cart div.quantity {
        margin-bottom: 15px !important;
        float: none !important;
        margin: auto;
    }
    
    html .woocommerce-page div[data-project-style=\"text_on_hover\"] button.single_add_to_cart_button[type=\"submit\"] {
      float: none !important;
      margin: auto;
      display: block;
    }
}

    Bes.t


    ThemeNectar Support Team 

  • John replied
    February 16, 2016 at 3:52am

    thank you


    The code worked for alignment issue


    But I\'ve attached two pictures


    You can see how on the computer my +/- buttons are flat but on mobile they are round


    That\'s all I would like fixed if possible


    Please advise


    Thank You

  •  8,992
    Tahir replied
    February 17, 2016 at 12:17am

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    input {
    -webkit-appearance: none;
    border-radius: 0; }

    Best.


    ThemeNectar Support Team 

  • John replied
    February 17, 2016 at 1:05am

    There is a RED CROSS...now what!?!?

  •  8,992
    Tahir replied
    February 17, 2016 at 4:50pm

    Just added it: http://prntscr.com/a4eqse . Please check now.

    Best.

    ThemeNectar Support Team 

  • John replied
    February 17, 2016 at 5:05pm

    Hey !


    It worked out on mobile..but now theres a BIG problem. There arrows for +/- NO LONGER appear on the desktop version, they just disappeared altogether !


    Can you please fix it while keeping the mobile buttons flat like we need them to be


    Thank You

  • John replied
    February 18, 2016 at 5:28pm

    Please disregard last message. Mustve have been a glitch

  •  8,992
    Tahir replied
    February 18, 2016 at 8:49pm

    Added it in a mobile media query .

    Best.

    ThemeNectar Support Team