Shopify themes, liquid, logos, and UX
I am facing an issue where the following code is appearing in my footer but when I go to edit the code I can't seem to find it to be able to delete it.
Hello @shopeve
Welcome to Shopify Community.
Kindly please check the code in theme.liquid file. You will able to find the code there.
Thanks
Hey! I couldn't find the code in the theme.liquid file
Hi @shopeve
Can you attach theme.js here? I will review the whole code and try to find where the code exist
Hi @shopeve ,
Can you search for the code "div#predictive-search-option-search-keywords" on the theme.liquid fil? One you find the code, wrap the code with <style></style>
From:
div#predictive-search-option-search-keywords { background: white !important; }
To:
<style>
div#predictive-search-option-search-keywords { background: white !important; }
</style>
Hey! I couldn't find the code in the theme.liquid file
Hi @shopeve
You can find and remove that code from store admin > Online Store > Themes > click "..." in the current theme > Edit code, open theme.liquid file
Find that line of code
div#predictive-search-option-search-keywords { background: white !important; }
Remove it or change it to this.
<style>
div#predictive-search-option-search-keywords { background: white !important; }
</style>
Best regards,
Dan from Ryviu
- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hey! I couldn't find the code in the theme.liquid file
Hi @shopeve
This is Theodore from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the </head>
<style>
div#predictive-search-option-search-keywords { background: red !important; }
</style>
Hope this can help you solve the issue
Best regards,
Theodore | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hey! I couldn't find the code in the theme.liquid file
Can you follow this guide?
Hi @shopeve ,
With an issue where the following code is appearing in your footer, you can fix it in theme.liquid. You can follow my instructions!
Step 1: Go to Admin -> Online store -> Theme > Edit code:
Step 2: Search for the file theme.liquid. Search the keyword: "div#predictive-search-option-search-keywords" and wrap the code with <style> </style>
like this:
<style>
div#predictive-search-option-search-keywords { background: white !important; }
</style>
Or Delete this row directly and add it to base.css :
div#predictive-search-option-search-keywords {
background: white !important;
}
Step 3: Save your code and reload this page.
We hope my suggestions will solved your issue.
If it is helpful, can you kindly give us many likes and mark the solution for us?
This can be a reference for other merchants if they have an issue like you and greatly motivate us to contribute to our community.
Have a nice day, sir!
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025