the Size Guide page

hello team,

I face a problem with the Size Guide page in single product, its working fine if I click in the Size Guide button

the problem is there is X button to close this page but its invisible, its there if you go with Mouse to top right page, kindly find attach for more information

Attachments:

You must be logged in to view attached files.

upload the image

Attachments:

You must be logged in to view attached files.

yo bro im a regular dude but try this add this line of code at Theme setting > Custom CSS > Global Custom CSS:

button.pf-size-guide-modal__close
background: #11823B;
}

then click save it should change the button background to black

hey crazyhegis,

thank you for your reply, unfortunately that not work with me 🙁

I looked a bit closer in dev tools the button isnt a regular button its assigned an image you need to replace the image itself with one of a darker colour what plugin are you using is there an option to change the button close image?

if it in the elementor builder go see if you can change the button icon or something if it isnt that id know how to replace the button image with code :/

Attachments:

You must be logged in to view attached files.

heres what the image look like and the images source: <img src=”data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAgVJREFUaAXtmU2KwkAQhZ0hQbyDu7mIB3PhwoN5EXfeIYguJo9JQRMydurnNYxTDTH+dNWr71VD2mSzyZEOpAPpQDqQDqQD6UA6kA6kA80dOJ1O++Px+NVKGFrQ9Oh9WoMhPAzD5fF4XFpAQwNa0PRAf1iABXaMle7e+r4/nM/nqyVfLUZgx3nS3etutzuMddxqsfPf1cALsJKTAr0AK3omaPWSfj6f21ERx3zso5f3C1hob6da5nW8/KzuMLJVCgnpNEvDBMyGZsGibjMwC5oJ6waOhmbDhgBHQbeADQP2QreCDQW2QreEDQfWQreGpQCvhcY8bFTGk2wX8ZWMkGu5JCvPrstSmWj+vta9aX5TWGjSgJG8Ao0p80HrrAhRgSGigKbDoh468EroJrCoRf1vCUF/edA7/K+WtAJWFg19adM6XIGVWzPvcVmqweL+F1r6FhuPNbBys08zV9a89xy6pC0AlhgPdBiwp3BPrBY+BDii4Igca+DdwJGFRub6Dd4FzCiQkbOENwMzC2PmNgEzC5JusDTUwKxCBLQ8M7TU/5a6rruPReGYj/B9MDYo065MtqKl5n2qpfyu+l7dYWRceIIYDltWvtBp05ND5DQBI7CA3jKfDUMLo4C+W58N/2RyvAIahThSqEKhBU1VUE5OB9KBdCAdSAfSgXQgHUgH0oEQB74BG1sUIwNoL3cAAAAASUVORK5CYII=”

Attachments:

You must be logged in to view attached files.

I don’t think its image, it was fine before but I dk what happen now, so what can I do with this image source ?

Hello,

As we can see, it is not our theme’s default size guide button. It comes with some of the installed plugins. You can either disable it and start using our theme’s size guide or contact plugin’s developers for help.
Here is our theme’s size guide documentation https://xtemos.com/docs-topic/size-guides/

Kind Regards

HEY team,

thank you for your replay, unfortunately that nat work:(

I checked in theem setting >shop>shop guide it on, also I add in product > Size Guides and add new one
checked to work in my collection and make sure its not hidden in product page

after all that its not showing in single product page 🙁

Hello,

Please, provide us with your admin access so we can log in and check this on your side.

Thank you in advance.

Done

As we can see, the size guide is displayed correctly on your website now https://gyazo.com/96413166fe8c985b9e06f3f5db6aa690

OH that’s great, thanx team

one more think I add a Centimeters in size guide, and I would like to add a Inches in same page how can I do that like the old size guide?

Attachments:

You must be logged in to view attached files.

Hello,

We are very sorry, but there is no such option in our size guide to display both centimeters and inches simultaneously. You may need to use custom code or find an alternative solution.

Kind Regards

[Author]

Posts