Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 1, 2015 at 5:54 pm #528142
    CelebrationEvents

    i used a quotation plugin, but the button for the quotation is not alligned properly.
    I want to have al line inbetween the button from shop and the button for quote request.

    See : http://www.celebrationevents.nl/shop/verhuur-drive-in-shows/basic/
    .single_adq_button { background-color: #444444!important; }

    Wich code should i add to the CSS to fix this?

    Thanxs in advance.

    Kind regards
    Gilbert

    November 2, 2015 at 5:37 pm #528679
    Elliott

    Hi Gilbert!

    Add this to your custom CSS.

    .button_add_to_quote { margin-top: 0px !important; }

    Best regards,
    Elliott

    November 2, 2015 at 8:16 pm #528772
    CelebrationEvents

    Thanxs Eliiot,

    with the code the buttons where placed next tot eachother with no spacing, thats fine as well
    How can i get some spacing between the buttons?

    Kind Regards
    Gilbert

    November 2, 2015 at 11:32 pm #528883
    Basilis

    Hey!

    Add some margin-left to them, and that will provide some space. 

    .button_add_to_quote { 
margin-top: 0px !important; 
margin-left: 10px !important; 
}

    let us know if that helped you out

    Regards,
    Basilis

    November 2, 2015 at 11:38 pm #528888
    CelebrationEvents

    Hello Basillis,

    Thanxs for your time, I have added the left margin but nothing happens…

    Some other suggestions?

    November 3, 2015 at 1:56 pm #529253
    Yigit

    Hey!

    Please try using following code 

    .simple_add_to_quote.button_add_to_quote {
    position: relative;
    left: 10px;
}

    Regards,
    Yigit

    November 3, 2015 at 2:02 pm #529258
    CelebrationEvents

    Thanxs Yigit for the support.

    The buttons are now aligned fine on PC screen
    But on smartphone, the request botton is not completly aligned to the left.

    Some other suggestions?

    November 4, 2015 at 6:48 am #529745
    Ismael

    Hi!

    Please add this in the Quick CSS field:

    @media only screen and (max-width: 767px) {
.woocommerce-page .summary .cart button {
    min-width: 80px;
    width: 48%;
}
}

    Regards,
    Ismael

    November 4, 2015 at 10:44 am #529854
    CelebrationEvents

    Hi Ismael,

    Alsmost perfect!.

    Please check on a mobile device it loooks great on scaled PC screen, but on mobile (android device there is stil a white space befor the grey button

    http://www.celebrationevents.nl/shop/verlichting-huren/led-verlichting/led-uplighters-op-accu/

    November 4, 2015 at 10:51 am #529857
    CelebrationEvents

    I already fixes it with

    @media only screen and (max-width: 767px) { .woocommerce-page .summary .cart button {
    margin-top: 10px !important;
    margin-left: -10px !important;
    }
    }

    Thanxs once again

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Button on next line’ is closed to new replies.