How do I fix a mixed content warning issue with SSL on my wordpress site?

Hi all,

I've just managed to install my first SSL certificate and transfer my existing wordpress site to that domain.
On the main page I can see the green lock symbol so everything is fine:
https://www.mifujiclark.com
but on some of the internal pages I get a mixed content warning:
https://www.mifujiclark.com/product-category/home-gifts/christmas-gifts

Any suggestions, plugins, tricks that I could use to force HTTPS everywhere and not get this error?
It would be ideal if I didn't modify plugin files myself as when I update them the problem would reappear, but if there is no choice then I am ready to consider anything you guys suggest (even make a child theme and child plugin folder?)
Please advise. All help will be appreciated.
badwolfffAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Gareth GudgerCommented:
In your content if you have direct URLs to other parts of your website, and they are HTTP then you will get an error in your browser that the page contains unsecured content. You will still see HTTPS in your browser bar though. Where this becomes really apparent is if you have a certificate with Extended Validation, where it turns the address bar green. You will lose the validation on any page where you link to your content with HTTP versus HTTPS.

 Thankfully for me I found a really easy way around this. I used the Find and Replace plugin in WordPress.

 I basically did the following.

 FIND: http://www.mydomain.com

 REPLACE: https://www.mydomain.com

 So the plugin looked for anywhere I used a direct URL in my site with HTTP and rewrote it as HTTPS. It scoured every post and page on my site. Problem solved. Would have taken seconds but I took a backup of my site first and verified the backup.

 Same issue with Amazon. I just tweaked their URLs to include the S. Again, you could do this with Find and Replace plugin.

 I am not sure why Amazon triggered the HTTPS unsecured error though. Because I have other external links referencing HTTP and the browser doesn't throw an error and I don't lose EV.

 The biggest culprit is direct links back to your own content.
0
GaryCommented:
You have this in your css
.alt-bg.alt-one {
    background-image: url("http://neighborhood.swiftideas.net/wp-content/uploads/2013/06/ff_rp_bkg2.png");
... 

Open in new window


change it to
.alt-bg.alt-one {
    background-image: url("/wp-content/uploads/2013/06/ff_rp_bkg2.png");
...

Open in new window

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
gheistCommented:
firefox firebug and yslow are your friends hunting those down.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
SSL / HTTPS

From novice to tech pro — start learning today.