Happening now | Office Hours: Customizing Your Theme With Moeed | Ask your questions now!

Help removing code from footer

Help removing code from footer

shopeve
Excursionist
17 0 5

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.

shopeve_0-1717953661376.png

 

Replies 11 (11)

Sweet_Savior_3
Shopify Partner
1376 104 149

Hello @shopeve 

 

Welcome to Shopify Community.

 

Kindly please check the code in theme.liquid file. You will able to find the code there.

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
shopeve
Excursionist
17 0 5

Hey! I couldn't find the code in the theme.liquid file

theycallmemakka
Shopify Partner
1813 439 473

Hi @shopeve 

 

Can you attach theme.js here? I will review the whole code and try to find where the code exist

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

theycallmemakka
Shopify Partner
1813 439 473

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>

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

shopeve
Excursionist
17 0 5

Hey! I couldn't find the code in the theme.liquid file

shopeve_0-1718035517095.png

 

Dan-From-Ryviu
Shopify Partner
11918 2339 2515

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.

shopeve
Excursionist
17 0 5

Hey! I couldn't find the code in the theme.liquid file

shopeve_0-1718035517095.png

PageFly-Theodor
Shopify Partner
691 86 106

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.

shopeve
Excursionist
17 0 5

Hey! I couldn't find the code in the theme.liquid file

 

Theodore2
Shopify Partner
5 0 0

Can you follow this guide?

EchoPlam · Themes · Shopify 2024-06-17 14-57-08.pngEchoPlam · Edit - blum-2-0-0 · Shopify 2024-06-17 14-57-48.png

BSSCommerce-B2B
Shopify Partner
1972 564 568

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:

BSSCommerceB2B_0-1718030840639.png

 

 

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