Return to previous page

Issue with Elements Alignment / Icon / Buttons etc

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

Bryan Rego

Participant

November 26, 2019 at 10:04

Hi Support,

Greetings, I have the following issues and would like your support to fix it. I have added the login details in the private content area for you to be able to troubleshoot it.

1) Issue 1 – Refer Screenshot 1 – Hover Icons not aligned on the products on homepage.
Screenshot 1 – https://www.dropbox.com/s/vkxlpm43vwauvo5/1%20-%20Hover%20Icons%20Not%20Aligned.png?dl=0

2) Issue 2 – Refer Screenshot 2 – Instagram icon shows facebook icons and unable to add pinterest, LinkedIn icon

Screenshot 2 – https://www.dropbox.com/s/sn4oyt0wuxezdsv/2%20-%20Instagram%20Icon%20not%20Proper.png?dl=0

Pinterest link – https://in.pinterest.com/tanushh_gifts/
LinkedIn Link – https://www.linkedin.com/company/tanushh
Instagram Link – https://www.instagram.com/tanushh_gifts/

3) Issue 3 – Screenshot 3 – Customize and Add to cart buttons are not aligned when I add customize functionality on the products. I have to manually fix each product page.

Screenshot 3 – https://www.dropbox.com/s/cnctlz713b4pyrn/3%20-%20Customize%20Button%20Not%20Aligned.png?dl=0
Sample page manually aligned with yellow pencil plugin – https://tanushh.com/custom-corporate-gifts/p/trend-backpack-royal-blue/

Rest all the products on the website are not aligned. It will be hectic for me to manually align buttons on all product pages. I guess with css you should be able to fix my issues.

Sample issue product pages:-
https://tanushh.com/custom-corporate-gifts/p/non-woven-convention-tote-bag-white/
https://tanushh.com/custom-corporate-gifts/p/non-woven-tote-bag-black/

4) Issue 4 – Screenshot 4 – The customize button does not show on some products or shows broken on some product pages.

Screenshot 4 – https://www.dropbox.com/s/p9el1q5uf3pvj3c/4%20-%20Customize%20button%20not%20displayed..png?dl=0

Sample Affected pages –
Customize button is shown half – https://tanushh.com/custom-corporate-gifts/p/non-woven-tote-bag-black/

Customize button does not show – https://tanushh.com/custom-corporate-gifts/p/trend-backpack-royal-blue/

Customize button shows perfectly but the color of button should be always in orange and text white – https://tanushh.com/custom-corporate-gifts/p/non-woven-convention-tote-bag-white/

Please note the above issues affect even on the mobile.

I request you to please do have a look at it. The theme is amazing and I guess I just have these 4 issues I required to be resolved.

All screenshots can be found here –

https://www.dropbox.com/sh/mflmmxxhzuuiz24/AADjn6Dqev2TKwZX2lpnPnDKa?dl=0

Regards,
Bryan Rego

Please, contact administrator
for this information.

#225688 Copied Theme version: 6.2.2 WooCommerce version: 3.8.0

22 Answers

Olga Barlow

Participant

November 26, 2019 at 18:42

Hello,

1) It’s because of the lumise plugin, it adds some content to our hover. We used custom CSS to hide it. Check now.

2) Theme Options > Header builder > edit socials element and add the new necessary socials http://prntscr.com/q2esph > publish your changes

3) Because you use Yellow pencil plugin and its single style tab. Use the global tab to apply styles for all the products https://gyazo.com/357daa3f1c6a483d94cbfd824cdc82dc in future.
We added correct code to child theme style.css instead of using yellow pencil custom.

4) It’s because of you custom code creayed by Yellow pencil. It used unsuitable in your case styles for that button. Check now.

Regards

#225725 Copied

Bryan Rego

Participant

November 27, 2019 at 08:01

Hi Support,

Thanks for your prompt reply and for the fix for issue 1.

2) The instagram icon is not showing instgram icon (3rd icon should be IG icon). It is showing facebook icon. Even if i select instagram it shows facebook. Can you please fix it.

3) The problem still remians, I want to show the add to cart button and customize button below the quantity shown like i had editied using yellow pencil. Could you use the css code to fix it . Use button color #f79022 and text color #ffffff

refer screenshot –
3) https://www.dropbox.com/s/bt64vp9x2ia4su2/4%20-%20Alignment.png?dl=0
4) https://www.dropbox.com/s/ybc6jhogk36w0bp/4%20-%20Button%20Color.png?dl=0

#225744 Copied

Bryan Rego

Participant

November 27, 2019 at 11:11

In Addition the customize button on the homepage does not look nice too. could you please help fix it with css so it looks good. Use button color #f79022 and text color #ffffff

Screenshot – https://www.dropbox.com/s/581g0oio61gc2x4/HomePage%20Buttons.png?dl=0

#225755 Copied

Rose Tyler

Support staff

November 27, 2019 at 14:21

Hello,

We’ve changed code in style.css of your child theme. Please check now – https://prnt.sc/q2thd0 http://prntscr.com/q2tf37

Regards

#225778 Copied

Bryan Rego

Participant

November 28, 2019 at 07:17

Thanks for the quick fix. It looks amazing now 🙂

In Addition, the customize button on the homepage does not look nice too. could you please help fix it with CSS so it looks good. Use button color #f79022 and text color #ffffff

Screenshot – https://www.dropbox.com/s/581g0oio61gc2x4/HomePage%20Buttons.png?dl=0

#225819 Copied

Rose Tyler

Support staff

November 28, 2019 at 08:34

Hello,

You’re welcome!
Please clear the cache of your browser and check buttons on the Home page one more time –
http://prntscr.com/q36iw7

Regards

#225823 Copied

Bryan Rego

Participant

December 4, 2019 at 10:21

Hi Support,

Thanks for all the support provided. I have a new issue. My Product price is 30 Aed but it is showing 0.60 but the totals are correct. I have attached the screenshot for your reference. Please help me solve this issue.
Screenshot – https://www.dropbox.com/s/581g0oio61gc2x4/HomePage%20Buttons.png?dl=0
Regards,
Bryan Rego

#226210 Copied

Rose Tyler

Support staff

December 4, 2019 at 10:39

Hello,

You’re welocme!
Please provide a new screenshot for a better understanding the problem.

Regards

#226211 Copied

Bryan Rego

Participant

December 5, 2019 at 09:54

Please find the screenshot – https://www.dropbox.com/s/uitmxiz0yy3o174/Checkout.png?dl=0

My Product price is 30 Aed but it is showing 0.60 but the totals are correct. I have attached the screenshot for your reference. Please help me solve this issue.

#226287 Copied

Olga Barlow

Participant

December 5, 2019 at 11:20

Hello,

Go to Appearance > Themes > install and activate Storefront theme (default WooCommerce theme). Check the cart page after that. Do you have the same problem? Provide screenshot what price you have with the default Storefront theme.

Regards

#226294 Copied

Bryan Rego

Participant

December 7, 2019 at 07:36

Thanks so much. It worked 🙂

#226393 Copied

Rose Tyler

Support staff

December 7, 2019 at 09:01

Hello,

Is the problem solved? Is there anything else our team can help you with?

Regards

#226395 Copied

Bryan Rego

Participant

December 16, 2019 at 11:30

Hi Support,

The CSS code you wrote works only on desktop and not on the mobile . could you please fix this on the mobile. The CSS you made works great o desktop.

1) Sreenshot 5 – The customize button homepage for product on mobile view is not as same as desktop.
Link – https://www.dropbox.com/s/v8tkt26fb1pmyy1/5%20-%20Customize%20Button%20in%20Different%20on%20Mobile.jpeg?dl=0

2) Screenshot 6 – On Product page the customize button size, color and aligment is not proper.
Link – https://www.dropbox.com/s/1mveiy2cnfcfaq1/6%20-%20Customize%20Button%20Color%20and%20Alignment%20is%20not%20Proper%20on%20Mobile.jpeg?dl=0

3) Screenshot 7 – the pop up section in footer is broken and buttons are not visible properly on mobile. You can disable this on mobile.
Link – https://www.dropbox.com/s/unmxlh1vjwtu2vi/7%20-%20Broken%20Laypout%20on%20Mobile.jpeg?dl=0

Bryan

Please contact administrator
for this information.

#226882 Copied

Olga Barlow

Participant

December 16, 2019 at 17:49

Hello,

1) We don’t see any issues with the customize button for the mobile device
on the home page http://prntscr.com/qbmusq
2) We don’t see any issues with the customize button for the mobile device on the single product http://prntscr.com/qbmtm1
3) Too much information for the mobile, Sticky Add To Cart Bar feature is not very suitable for your products because of the information that you have for them. We have disabled option http://prntscr.com/qbmwtu

Regards

#226922 Copied

Bryan Rego

Participant

December 17, 2019 at 10:09

Thanks Olga

#226956 Copied

Olga Barlow

Participant

December 17, 2019 at 13:11

Hello,

You are welcome.

Regards

#226959 Copied

Bryan Rego

Participant

December 24, 2019 at 11:06

Hi Olga,
I am having an issue with the alignment on mobile devices for add to cart and customize button. They seem to overlap and it does not look good on mobile. Could you please help me fix the issue.
screenshots of shop page and category page
https://tanushh.com/custom-corporate-gifts/shop/
https://tanushh.com/custom-corporate-gifts/c/apparel/

screenshots
https://www.dropbox.com/s/b3875eatw737epr/8%20-%20Shop%20Page.jpeg?dl=0

https://www.dropbox.com/s/iafgbm5oxijw5u3/9%20-%20Product%20Category%20Page.jpeg?dl=0

please check on mobile device. let me know if you need any info. I have added the login details.

Bryan Rego

Please contact administrator
for this information.

#227451 Copied

Rose Tyler

Support staff

December 26, 2019 at 08:55

Hello,

This code https://prnt.sc/qfu41p was added in style.css of your child theme. Please clear all cache and check buttons.

Regards

#227476 Copied

Bryan Rego

Participant

January 19, 2020 at 10:26

Hi Support,

I am facing a weird issue. I can’t find the Elementor plugin on my website. I used to use the elementor builder to build my pages and actually I purchased your theme as it was using elementor. Could you please have a look. I have attached the login details.

Bryan Rego

Please contact administrator
for this information.

#228537 Copied

Rose Tyler

Support staff

January 19, 2020 at 11:42

Hello,

Here is a list of plugins that come bundled with our theme – https://www.8theme.com/documentation/xstore/plugins/included-plugins/
By default theme comes with WPBakery page builder. XStore is compatible with the Elementor, and some of our customers use this builder instead of the WPBakery. Keep in mind that you need to build content using only one builder, don’t try to edit page that was created by WPBakery using Elementor. Create pages using Elementor from scratch.

Regards

#228541 Copied

Bryan Rego

Participant

January 20, 2020 at 06:59

I think i was not clear. I always use elementor to build any pages. Actually, because xstore uses elementor i bought the theme. Now i cant find elementor on my website backend.

#228560 Copied

Olga Barlow

Participant

January 20, 2020 at 12:07

Hello,

The main page builder of the XStore theme – WPBakery, it always was and still is at this moment, check the theme description https://themeforest.net/item/xstore-responsive-woocommerce-theme/15780546 and theme changelog https://xstore.8theme.com/update-history/
XStore theme is compatible with Elementor but this plugin does not come bundled with XStore theme. If you want to use Elementor instead of the WPBakery then go to Plugins > Add new >install Elementor plugin. Keep in mind that you can’t edit pages content created by WPBakery using Elementor. You need to create page content from scratch.

Regards

#228572 Copied
Viewing 23 results - 1 through 23 (of 23 total)