Return to previous page

How i can to center the postion of this buttons

This topic has 15 replies, 3 voices, and was last updated 1 years, 9 months ago ago by LambdaSP

LambdaSP

Participant

January 5, 2023 at 00:18

1. How i can to center perfectly the add to cart and quantity buttons

2. Why the left side not in same size to the right side(both in same perspective size)

3. How i can to reverse the icons with the text its on the mobile version bottom menu popup

Thank you for the help, I attached photos to explain

Please, contact administrator
for this information.

#343007 Copied Theme version: 8 WooCommerce version: 8

14 Answers

Tony Rodriguez

Support staff

January 5, 2023 at 07:46

Hello, @LambdaSP,

1- There is a CSS code added on your site see the image: https://postimg.cc/9DyDMrSZ this is causing the issue. You have to remove this CSS code in order to solve your issue.

2- It is because the images are not the same size. See the image here: https://postimg.cc/0zC9FmFW and https://postimg.cc/YGrR8cgD please try to add the same size images and then check back to your issue. I hope it will be resolved.

3- In order to solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box there.

.et-mobile-panel .et-content_toggle .et-content .menu-main-container li{direction: ltr !important;}

Then save settings and check back to your site after clearing the browser cache.

Regards 8Themes Team.

#343021 Copied

LambdaSP

Participant

January 23, 2023 at 17:44

1. Its still not centered perfectly in the mobile version why? How to fix that

2. And why the quantity and add to cart not in one same line?, how can fix that to put them in same line quantity right and add to cart left(I attached photo to explain 3th photo)

3. And why i can not see the Product features like size, color etc.. i can add to the cart without choosing a size or color and this is not appearing in the product page at all… how to fix that, and yes i add size to the product its not appearing

4. And how i can to fix this text bug

5. How to fix the arrows in the right side why them show like this and not right sode in the right and left side in the left

Please contact administrator
for this information.

#344764 Copied

LambdaSP

Participant

January 23, 2023 at 23:03

And how i can to move the sale banner to the left side because it’s covered the like of the wishlist

Please contact administrator
for this information.

#344779 Copied
Tony Rodriguez

Support staff

January 24, 2023 at 08:54
Hello, @LambdaSP,

1- We believe there is still a CSS code causing the issue. Please review the images provided at the following links and attempt to remove the code in order to resolve the issue: https://postimg.cc/LnQ66Mdk and https://postimg.cc/HVyPjQRS.

2- To resolve your issue, please go to the Dashboard, select XStore, then Theme Options, Theme Custom CSS, and Global. Paste the following code at the bottom of the CSS box:
```
@media(max-width:575px){
.single-product-builder .et_product-block form.cart{flex-direction:row !important;}}
```
Once you have saved the settings, please clear your browser cache and check back on your site.

3- We have conducted a thorough review of the products on your site and have not found any variable products. You have indicated that you have added them to your site. To further investigate this issue, please provide us with the WordPress Admin URL, username, and password in the private content area of this topic using the following format:

WORDPRESS ADMIN URL:
WORDPRESS ADMIN USERNAME:
WORDPRESS ADMIN PASSWORD:

4- This is not a bug on the checkout page. The content appears in a table with two columns by default: one for the price and one for the product details such as images, titles, etc. The title and product image already occupy the full width of the column in which the content is located. Please refer to the following image for better reference: https://postimg.cc/dh2Lnxkz

5- We have noticed that the arrows are not appearing on the site when we checked it on our personal mobile phones. Could you please investigate this further and provide us with more information so that we can better understand the issue?

6- To apply the code, please go to the Dashboard, select XStore, then Theme Options, followed by Theme Custom CSS, and Global. Paste the code at the bottom of the CSS box.
```
@media(max-width:575px){
.onsale.left{right:70px !important;}}
```
We thank you for your cooperation.

Best Regards,
8Theme’s Team
#344829 Copied
LambdaSP

Participant

January 24, 2023 at 11:43

1. i still not understand what i need to do to fix that you can do it for me please?

2. its worked thanks

3. i write in the private content area

4. so i cant fix that? maybe strech it little bit more?

5. look this photo to understand(near the air jordan text have two arraws are looks not okay: https://ibb.co/88D544m

6. thanks it worked

Please contact administrator
for this information.

#344856 Copied

Tony Rodriguez

Support staff

January 24, 2023 at 17:54

Hello, @LambdaSP,

1- We are pleased to inform you that your issue has been resolved. Please clear your browser cache and check your site again. The resulting image can be found at the following link: https://postimg.cc/MMfDPNp5. Additionally, the CSS code used to resolve your issue can be found at the following link: https://postimg.cc/LJT250Rx.

2- We are pleased to hear that our proposed solution was able to assist you in resolving your issue.

3- Thank you for granting us access. We have reviewed your website and noticed that there is only one variable product. Please refer to the image at the following link: https://postimg.cc/7J9rh5rf. On the product page, the variations appear to be functioning correctly. Users can select the variation and add the product to the cart, as seen in the image at the following link: https://postimg.cc/yW114KHk. Without selecting a variation, the product cannot be added to the cart. Please refer to the image at the following link: https://postimg.cc/hfwcd77d.

4- Please navigate to the Dashboard > XSTORE > Theme Settings > Theme Custom CSS > Global CSS and add the following code to the bottom of the CSS box.

@media(max-width:575px){.order-review .cart_item .product-name{min-width:250px !important;}}

Then please save the settings and clear the browser cache before returning to your site. You can change the width of the page from 250 to whatever you desire.

5- We are pleased to inform you that your issue has been resolved. Please clear your browser cache and revisit your site. We have added the following CSS code to your site to solve the issue: https://postimg.cc/QVQf5L9k. The resulting image can be seen here: https://postimg.cc/XGR70GcF.

6- We are pleased to hear that our proposed solution was able to assist you in resolving your issue.

We thank you for choosing 8Theme’s Team and wish you the best of luck.

Best Regards,
8Theme’s Team

#344947 Copied

LambdaSP

Participant

January 25, 2023 at 23:57

Thank you very helpful!

1. Have problem with the quick view size choosing, when i click on the buttons(i show that in the video below), nothing happened until i click a few times on a few buttons and just the add to cart(in hebrew), it turn to english i dont know why it happend, and + the choosing not succeed.

2. I have one more question i have some weird bug when i am in the home page and have one product in the cart the buttons in the bottom no stretch fully, and when i am in the shop page or any other page are not the homepage in the cart the buttons are stretched perfectly, and when have two products in the homepage the buttons not stretched perfectly and they change colors to black and white instead only white when are have one, and if have two products when you are not on the homepage the buttons are stretched perfectly and the colors black and white(like i want, i want the buttons to be stretched and white and black, i want the buttons like when have two products not in the homepage)

I attached photos with description inside the photos link to make it clear you

Please contact administrator
for this information.

#345106 Copied

LambdaSP

Participant

January 26, 2023 at 16:26

???

#345164 Copied
Rose Tyler

Support staff

January 27, 2023 at 08:51
Hello, LambdaSP

1/ Unfortunately, we are unable to view the video you provided – https://prnt.sc/7RGotZ0YQRn1 . We kindly ask that you upload the video to https://wetransfer.com/ and provide us with the URL.

Please do this via a new topic on the forum – https://www.8theme.com/forums/xstore-wordpress-support-forum/
We kindly ask you to submit separate topics for different questions, it will speed up answering because different specialists working on different questions.

We appreciate your cooperation and look forward to assisting you.

2/ Try to add the next code in Theme Options > Theme custom CSS:
```
.home .mini-cart-buttons a {
    width: 100%;
}
```
Kind Regards,
8theme team
#345203 Copied
LambdaSP

Participant

January 27, 2023 at 10:59

1. https://we.tl/t-wqkWSrMrdl

2.
https://ibb.co/Jc7YthK
Still when have two or more products in the mini cart the buttons both in background black and i prefer to do like this: https://ibb.co/pfJmKB7

3. And i have problem with this: https://ibb.co/HzzPXmH
I want to change the initial circle to white color instead grey how i do it?

#345212 Copied
Rose Tyler

Support staff

January 27, 2023 at 11:40
Hello, LambdaSP

1. Thank you for the video, but I will ask you one more time, to submit separate topics for different questions. Please go to this page – https://www.8theme.com/forums/xstore-wordpress-support-forum/ click on Submit topic button. Provide temporary wp-admin and FTP access there, so specialist who works with translation will have all necessary info to solve your question.
Waiting for the new topic from you on the forum.

2. I’ve checked your site from mobile and do not face the problem with colors of buttons on the Home page, it seems a cache issue, so please clear cache of your browser on mobile.

3. The next custom CSS code can be used:
```
.add_to_cart_button:hover .loader-path {
    stroke: white;
}
```
Kind Regards,
8theme team
#345220 Copied
LambdaSP

Participant

January 27, 2023 at 12:00

1. I do it thank you

2. It’s happened sometimes when i add product to the cart and the mini cart pops up it show the buttons both white background after a reload website or some time it okay

3. Thank you so much!

#345226 Copied

Rose Tyler

Support staff

January 27, 2023 at 13:57

Hello, LambdaSP

2. We’ve recorded a video, please check the Private Content area. We do not see the problem.
Could you please check buttons from another mobile device or from an incognito browser window? Record a video for us.

Kind Regards,
8theme team

Please contact administrator
for this information.

#345238 Copied

LambdaSP

Participant

January 27, 2023 at 15:26

Okay so thank you very much maybe you correct and it just my cache i will try to delete the cache

#345240 Copied
Tagged: buttons, center, how to, position, themes, woocommerce, wordpress
Viewing 15 results - 1 through 15 (of 15 total)

The issue related to '‘How i can to center the postion of this buttons’' has been successfully resolved, and the topic is now closed for further responses

How i can to center the postion of this buttons

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection