Home Forums WoodMart support forum ADD TO CARD AND BUY NOW BUTTON CHANGES

ADD TO CARD AND BUY NOW BUTTON CHANGES

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #453473

    ygzndc
    Participant

    hello,

    i want make ‘add to card’ and ‘buy now’ buttons in product pages fullwitdh buttons. but only for mobile.

    i want add to card to be picture 1 and buy now to be picture 2. (i took these pictures from this link: https://woodmart.xtemos.com/buttons/)

    how can i do that with css?

    thanks a lot!

    Attachments:
    You must be logged in to view attached files.
    #453498

    Hello,

    Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

    Best Regards

    #453504

    ygzndc
    Participant

    Sure.

    #453509

    Hello,

    Could you kindly provide the site URL?

    Best Regards

    #453513

    ygzndc
    Participant

    Hello,

    I did above but sending it again.

    Thanks.

    #453532

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Mobile/Tablet:

    form.cart :where(.single_add_to_cart_button,.wd-buy-now-btn,.quantity) {
        flex: 0 0 100%;
    }

    Best Regards

    #453630

    ygzndc
    Participant

    hello,

    thank you, it works!

    also i wanted to convert them into picture 1 and picture 2 as i mentioned above. is there a way to that? you can see them in attachments in first comment.

    thanks a lot!

    #453769

    Hello,

    You can configure the main form and colors of the buttons in the Theme settings > Styles and colors > Buttons.

    As soon as you configure it, let us know what to correct.

    If you have any questions please feel free to contact us.

    Best Regards

    #453853

    ygzndc
    Participant

    Hello,

    i did changes. i just need to make ‘ŞİMDİ SATIN AL’ button (it is buy now button) like picture 2 i shared in the first comment.

    thanks a lot!

    #454165

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    form.cart :where(.wd-buy-now-btn) {
              background-color:white;
    	  border:2px solid #000000;
    	  color:#000000;
    }
    form.cart :where(.wd-buy-now-btn):hover {
              background-color:white;
    	  border:2px solid #000000;
    	  color:#000000;
    }

    Best Regards

    #454226

    ygzndc
    Participant

    hello,

    it works perfectly. only hover effect is missing. can we add hover effect to ‘buy now button’ also?

    thanks a lot!

    #454255

    Hello,

    Do you want to have the initial state on hover? https://gyazo.com/d64c6681988eabefdfdb19c6ee3d90ca

    If you want to leave it initial, remove the second CSS block.

    If you have any questions please feel free to contact us.

    Best Regards

Viewing 12 posts - 1 through 12 (of 12 total)