Return to previous page

Buy Now Button - by sanper - on WordPress WooCommerce support

This topic has 23 replies, 3 voices, and was last updated 2 years, 10 months ago ago by Olga Barlow

sanper

Participant

May 18, 2021 at 17:26

I want to take the add to cart and buy now button to the same row. Please help me
forttune.lk

#288020 Copied Theme version: 7.2.9

22 Answers
Olga Barlow

Support staff

May 18, 2021 at 18:39
Hello,

Add the below code to Theme Options > Custom CSS
```
.et-or-wrapper {
    display: none;
}
.single-product .single-product-builder .single_add_to_cart_button.button {
    margin-right: 15px;
}
```
Regards
#288030 Copied
sanper

Participant

May 19, 2021 at 03:44

Thanks it fixed and now i want the buy now button to be same width as the add to cart button and to create the add to wish list also as a button. Tried to fix the buy now button but i cant read the class of the buy now button properly

By the way I am using xstore as my ecommerce theme and i found that the wish list icon is not showing properly. I always add a CSS and hide it. May i know a way of fixing that as well

#288054 Copied

sanper

Participant

May 19, 2021 at 04:22

2. And I want to add a specification tab with a table of specifications that can be edited from product to product. I added a tab but it can only upload a custom HTML. I want to change it from product to product.

This is the table that I want to develop and tabs should be like this https://prnt.sc/133jq11

Better if i can make the same here.

#288055 Copied

sanper

Participant

May 19, 2021 at 05:49

3. I want to align the tabs content to center but it doesn’t work properly. Why is that First it was right aligned but now its not working anymore. I want to center it but its not working anymore.
I tried with adding a section and and deleting the default section still it doesnt work

https://prnt.sc/133oz4m

http://forttune.lk/product/laptop/

Tried with css as well
.woo-commerce tabs{
align-content: center;
}

still doesnt work

#288059 Copied

sanper

Participant

May 19, 2021 at 08:05

4. My single product page is now left aligned. Why is that?

I want to center all the content in the middle. I set the content width of all the sections to 80% now my page is left aligned. Please help this is urgent

https://prnt.sc/133wm9n

#288077 Copied
Olga Barlow

Support staff

May 19, 2021 at 08:11
Hello,

1) Replace
```
.single-product .single-product-builder .single_add_to_cart_button.button {
    max-width: 172px;
}
```
with
```
.single-product .single-product-builder .single_add_to_cart_button.button {
    margin-right: 15px;
    max-width: 172px;
}
```
Go to YITH > Wishlist > Wishlist page settings and choose the icons for the button

2) You can use the table HTML in the single product custom tab while create your product. Or you can create product attributes https://prnt.sc/133wu9x and then it will be displayed under the Additional Information tab like a table.

3) Edit tabs element https://prnt.sc/133wwcz and choose the alignment of the tabs title in the element settings without custom CSS.

Regards
#288080 Copied
sanper

Participant

May 19, 2021 at 08:26

Hi need answer to this please. Struggling with this problem now

https://www.8theme.com/topic/buy-now-button-4/#post-288077

#288084 Copied

Olga Barlow

Support staff

May 19, 2021 at 10:07

Hello,

Provide us with WP Dashboard access to your site and we’ll help you to reduce the width of the content in the correct way.

Regards

#288105 Copied

sanper

Participant

May 19, 2021 at 10:38

Please asap

Please contact administrator
for this information.

#288112 Copied

Olga Barlow

Support staff

May 19, 2021 at 12:25

Hello,

Check now, please.

Regards

#288141 Copied

sanper

Participant

May 19, 2021 at 12:38

Thanks

Hi Can you center align the breadcrumbs section and the related products section as well

I want the whole page to be centered excluding footer and header in the single product page view

And please tell me how you did this. So that i can do it on my own in my future projects

#288146 Copied

Olga Barlow

Support staff

May 19, 2021 at 14:47

Hello,

Do you mean that you want to reduce the container with of the single product to 1120px https://prnt.sc/134dh0b ? Do I understand you right?

Regards

#288178 Copied

sanper

Participant

May 19, 2021 at 14:56

yes i want to do that. Please let me know as well so I can do it on my own in the future projects as well

#288181 Copied
Olga Barlow

Support staff

May 19, 2021 at 15:14
Hello,

You can edit the whole site width from Theme Options > General > Site width. If you want to change the container width for the single product only use the below code
```
@media only screen and (min-width: 1200px){
.single-product .content-page {
    max-width: 1120px;
}
}
```
I have added that to Theme Options > Custom CSS > global CSS. Check now.

Regards
#288189 Copied
sanper

Participant

May 19, 2021 at 17:37

Thank You very much it is now fixed

#288239 Copied

Rose Tyler

Support staff

May 20, 2021 at 08:14

Hello,

You’re welcome!

Regards

#288266 Copied

sanper

Participant

May 21, 2021 at 14:10

https://prnt.sc/1380r2e

This product grid keeps loading forever why is that how can i fix this. And when i move one forward or backward in that slider it works. This happens everytime

#288501 Copied

Olga Barlow

Support staff

May 21, 2021 at 16:30

Hello,

Edit page and Products element, try to disable Loop option for the slider. Check products after that.

Regards

#288527 Copied

sanper

Participant

May 24, 2021 at 07:07

Thanks it worked

#288709 Copied
1 2

Viewing 20 results - 1 through 20 (of 23 total)