• Resolved xlust

    (@xlust)


    Hello! Please tell me how can I arrange the buttons in one line, as shown in the picture?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support crodriguez1991

    (@crodriguez1991)

    Hello there,

    I hope you’re doing well ??

    Please, try to add the following CSS rule on Appearance > Customize > Additional CSS

    a.button.add_to_cart_button {
    display:inline-block !important;
    }
    
    a.yith-wcqv-button.button {
    width:40% !important;
    display:inline-block !important
    }

    If doesn’t work, I’ll need the url in order to take a look to the HTML page and see if you can get it with only CSS rules.

    Please, try it and let me know.

    Have a good day.

    Thread Starter xlust

    (@xlust)

    Unfortunately, it didn’t work, here is the address of my page https://cv87810-wordpress-5gfbk.tw1.ru/

    Plugin Support Iván Sosa

    (@ivansosa)

    Hi there,

    You could try something like this one:

    ul.products a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
        position: absolute;
        left: 10px;
    }
    ul.products a.yith-wcqv-button.button {
        position: absolute;
        right: 10px;
    }

    Try it and let us know.

    Have a great day!

    Thread Starter xlust

    (@xlust)

    Hello, thanks for your help! However, your code did not work (it aligned the buttons in one line but shifted them relative to the layout), I found another solution, namely this one

    ul.products a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    float: left;
    width: 40%;
    left: 10px;
    }

    ul.products a.yith-wcqv-button.button {
    float: right;
    width: 40%;
    right: 10px;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Please tell me how to arrange the buttons in one line’ is closed to new replies.