Title: Serving icons over HTTPS
Last modified: June 5, 2020

---

# Serving icons over HTTPS

 *  Resolved [pwewegama](https://wordpress.org/support/users/pwewegama/)
 * (@pwewegama)
 * [6 years ago](https://wordpress.org/support/topic/serving-icons-over-https/)
 * I noticed that the search icon in the search bar ([http://www.endlessicons.com/wp-content/uploads/2012/12/search-icon.png](http://www.endlessicons.com/wp-content/uploads/2012/12/search-icon.png))
   is being served over http. I also saw that endlessicons doesn’t support HTTPS
   unfortunately. 🙁
 * Is there anyway that you can use an icon with HTTPS (like [this](https://image.flaticon.com/icons/png/512/116/116836.png)
   or even [this](https://img.icons8.com/material-sharp/24/000000/search.png)) or
   provide an input in the widget that allows users to use their own image.
 * The reason why I’m bringing this up is because I’m currently using Helpie FAQ
   on multiple pages (because it’s awesome) and on all the pages that I’m using 
   the widget, it shows `Not Secure` on the web browser next to the URL. I’m serving
   my website over HTTPS along with all the images. However, upon checking, I realized
   the only asset being delivered over http was the icon, thereby causing the browser
   to show “Not Secure.”
 * I would very much appreciate being able to show my clients’ websites as ‘Secure’
   given the sensitive nature of their offerings as well as helping their SEO ranking.

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [rich888](https://wordpress.org/support/users/rich888/)
 * (@rich888)
 * [5 years, 12 months ago](https://wordpress.org/support/topic/serving-icons-over-https/#post-12953397)
 * I have the same issue. Only work around I have found for now is to disable the
   search bar.
 * If a suitable fix can be provided as soon as possible, that would be most appreciated.
 *  [pauplesupport](https://wordpress.org/support/users/pauplesupport/)
 * (@pauplesupport)
 * [5 years, 12 months ago](https://wordpress.org/support/topic/serving-icons-over-https/#post-12969979)
 * Hi There,
 * Sorry for the delay.
 * We are fixing this in our coming release. Thanks for the catch.
 * I will make sure to let you know once this is pushed up.
 * Kind Regards.
 *  Thread Starter [pwewegama](https://wordpress.org/support/users/pwewegama/)
 * (@pwewegama)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/serving-icons-over-https/#post-13005057)
 * [@pauplesupport](https://wordpress.org/support/users/pauplesupport/)
 * Hi There,
 * When do you think we can expect the next release with this fix?
 * Thank you!
    -  This reply was modified 5 years, 11 months ago by [pwewegama](https://wordpress.org/support/users/pwewegama/).
 *  [anticmedia](https://wordpress.org/support/users/anticmedia/)
 * (@anticmedia)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/serving-icons-over-https/#post-13039180)
 * Same issue.
    Appreciate a fix. Needed to deactivate, because google ads has blocked
   all links to these pages!
 *  Thread Starter [pwewegama](https://wordpress.org/support/users/pwewegama/)
 * (@pwewegama)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/serving-icons-over-https/#post-13050189)
 * Hi guys,
 * I have fixed the HTTPS issue myself by changing the img src of the search icon
   within the php file to a search icon I _actually_ found in the plugin source 
   code. I think the developers must have just forgotten to update the code. I have
   detailed the instructions below.
 * It might look like many steps but it’s fairly easy and you do not need coding
   experience to fix it. Just some copy and pasting.
 * 1. Go to [https://wordpress.org/plugins/helpie-faq/advanced/](https://wordpress.org/plugins/helpie-faq/advanced/)
   and scroll down to the bottom. Select 0.8.0 and click download. If the version
   is not available, that means that HelpieFAQ has rolled back to 0.8.0 because 
   of a separate problem they were having with 0.8.1. In that case, you can download
   0.8.0 from the main plugin page ([https://wordpress.org/plugins/helpie-faq/](https://wordpress.org/plugins/helpie-faq/)).
   Do NOT download 0.8.1 as they are currently working on fixing a bug the causes
   some websites to break. At the time of this writing, they are still working on
   the bug in 0.8.1 so I cannot speak to any versions that come after. I did all
   of this with 0.8.0.
 * 2. Once the file has downloaded, go ahead and unzip.
 * 3. Go into the unzipped folder and open up the following file in your favorite
   text editor: `helpie-faq/lib/stylus/components/search.php`
 * 4. Within the get_view function, look for the third line down which should be`
   $html .= '<img class="search__icon" src="http://www.endlessicons.com/wp-content/
   uploads/2012/12/search-icon.png">';`
 * Change this to the following:
    `$html .= '<img class="search__icon" src="' . 
   HELPIE_FAQ_URL . '/assets/img/search-icon.png" >';`
 * This will cause the search icon to be delivered from the plugin asset folder 
   itself instead of a 3rd party non secure URL. Thus, as long as your website is
   running over HTTPS, this icon will now be served over HTTPS.
 * 5. Save and close everything. Delete the old zip file so you don’t confuse yourself
   with which one you need to upload. Then compress/zip up the entire helpie-faq
   directory you were working with.
 * 6. Go to your plugin page on your WordPress admin dashboard. Deactivate and delete
   the old HelpieFAQ plugin. I chose “temporary deactivation” when it asked me for
   a reason.
 * 7. Manually upload your updated plugin by going to Add New > Upload Plugin in
   the plugins page and uploading the new zip file.
 * 8. Once it has finished installing, activate it.
 * Now go back to your website pages that use HelpieFAQ and you should see the search
   icon now being served over HTTPS directly from your plugin folder. For those 
   who were previously seeing `Not Secure` should now see the secure padlock icon
   on Chrome and Firefox.
 * If you are still seeing `Not Secure`, make sure it’s not caused by some other
   asset on the website. You can always right click and inspect the search icon 
   to confirm that the src has been changed.
    -  This reply was modified 5 years, 11 months ago by [pwewegama](https://wordpress.org/support/users/pwewegama/).
 *  [pauplesupport](https://wordpress.org/support/users/pauplesupport/)
 * (@pauplesupport)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/serving-icons-over-https/#post-13056914)
 * This issue would have been fixed in our latest release.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Serving icons over HTTPS’ is closed to new replies.

 * ![](https://ps.w.org/helpie-faq/assets/icon-128x128.png?rev=2983652)
 * [Helpie FAQ — Accordion, Docs & Knowledge Base](https://wordpress.org/plugins/helpie-faq/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/helpie-faq/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/helpie-faq/)
 * [Active Topics](https://wordpress.org/support/plugin/helpie-faq/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/helpie-faq/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/helpie-faq/reviews/)

## Tags

 * [HTTP](https://wordpress.org/support/topic-tag/http/)
 * [HTTPS](https://wordpress.org/support/topic-tag/https/)

 * 6 replies
 * 4 participants
 * Last reply from: [pauplesupport](https://wordpress.org/support/users/pauplesupport/)
 * Last activity: [5 years, 11 months ago](https://wordpress.org/support/topic/serving-icons-over-https/#post-13056914)
 * Status: resolved