Shop Sidebar Widget – Search Widget Error Box and Text Size

This topic has 10 replies, 2 voices, and was last updated 2 years, 2 months ago ago by Tony Rodriguez

  • Avatar: Liya
    Liya
    Participant
    October 12, 2022 at 09:55

    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

    9 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 12, 2022 at 10:07

    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.

    Avatar: Liya
    Liya
    Participant
    October 18, 2022 at 08:52

    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

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 18, 2022 at 10:03

    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.

    Avatar: Liya
    Liya
    Participant
    October 18, 2022 at 13:59

    Thank you, you can login and you can debug.

    Please find login details attached.

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 19, 2022 at 06:00

    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.

    Avatar: Liya
    Liya
    Participant
    October 19, 2022 at 07:27

    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?

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 19, 2022 at 10:09

    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.

    Avatar: Liya
    Liya
    Participant
    October 19, 2022 at 13:31

    Thank you for your reply

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 20, 2022 at 05:10

    Hello, @Liya,

    You’re Most Welcome!!
    Thanks for contacting us.
    Have a nice day. 🙂

    Topic Closed.
    Regards 8Themes Team.

  • Viewing 10 results - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.Log in/Sign up

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