This topic has 10 replies, 2 voices, and was last updated 2 years, 2 months ago ago by Tony Rodriguez
Hi there,
I am having a glitch appear on my shop side bar, specifically under the Search widget.
The SEARCH title / text appears much larger than the other widgets in the side bar. Also there seems to be a pink box / square sitting right underneath the search bar.
example of glitch:
https://snipboard.io/ki0b19.jpg
Could you please help me fix this?
Thank you
Hello, @Liya,
1. Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and check back to your site after removing the browser cache.
.widget.etheme_widget_search h2.widgettitle {
font-size: calc(var(--h5-size-proportion) * 1rem) !important;
}
2. That is actually the button for the search, If you want to add the content in it, then simply copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and check back to your site after removing the browser cache.
form.woocommerce-product-search.etheme-custom-search button:after {
content: 'Search' !important;
}
You can change the word ‘Search’ in the given code as per your requirements.
Regards 8Themes Team.
Hi, thank you for your reply.
I have added both lines of code and have cleared the cache, however the issue still persists. We tried it on different devices and browsers but it still seems to appear wrong.
https://snipboard.io/ki0b19.jpg
https://snipboard.io/yn5reO.jpg
Hello, @Liya,
Sorry for the inconvenience but can you please share your site WP-ADMIN Login details in the below-listed format in the private content area of this topic on which you are facing the issue so that we’ll check and assist you accordingly?
WP Admin URL:
WP Admin Username:
WP Admin Password:
Note: Kindly take a complete backup of your site first.
And I also need your permission to debug your site, which includes deactivating all the third-party plugins and on-site Customization as well.
Regards 8Themes Team.
Thank you, you can login and you can debug.
Please find login details attached.
Hello, @Liya,
I have just logged in to your site and found that my provided code is working fine when logged in, here is the screenshot: https://postimg.cc/TybPG0Sy and the issue is there on your site without Logging in, so it is just the cache issue nothing else, I can see you have active cache plugins and also the activate server cache as well, so you have to first remove your site cache and plugins cache completely and then you have to remove the server cache including the CDN and turn them OFF till you are in the development process, and finally check back to your site after removing the browser cache.
Regards 8Themes Team.
Thank you for your reply.
However, we do need to use our caching plugins, we can’t just remove them, they are vital to our website.
Do you mean remove the plugins, whilst inputting the custom theme css code, then turn the caching plugins back on?
Hello, @Liya,
1. First contact your hosting provider and ask to flush the server cache completely including the CDN and then turn it OFF till you are in the development process.
2. Then you have to remove the site cache and plugin cache which you are using on your site.
3. Finally check back to your site after removing the browser cache.
Regards 8Themes Team.
Thank you for your reply
Hello, @Liya,
You’re Most Welcome!!
Thanks for contacting us.
Have a nice day. 🙂
Topic Closed.
Regards 8Themes Team.
You must be logged in to reply to this topic.Log in/Sign up