How i can to center the postion of this buttons

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

  • Avatar: 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.
    14 Answers
    Avatar: Tony Rodriguez
    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.

    Avatar: LambdaSP
    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.
    Avatar: LambdaSP
    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.
    Avatar: Tony Rodriguez
    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

    Avatar: LambdaSP
    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.
    Avatar: Tony Rodriguez
    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

    Avatar: LambdaSP
    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.
    Avatar: LambdaSP
    LambdaSP
    Participant
    January 26, 2023 at 16:26

    ???

    Avatar: Rose Tyler
    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

    Avatar: LambdaSP
    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?

    Avatar: Rose Tyler
    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

    Avatar: LambdaSP
    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!

    Avatar: Rose Tyler
    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.
    Avatar: LambdaSP
    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

  • 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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.