HTTPS configuration problem with mixed content and logo image

ForumCategory: TechnicalHTTPS configuration problem with mixed content and logo image
lori asked 9 months ago

I changed over to HTTPS today and have a Mixed Content error:
Console: ‘http://www.uua.org/sites/all/themes/uua_base/images/base/color_stripe.gif’. This content should also be served over HTTPS.
I thought about accessing the gif locally, so I added it to the uua theme’s asset folder here:
wp-content/themes/uua-congregation/assets/img/color_stripe.gif
Can I edit a file to change this?
OR can the http be changed to https? and how would I do this?
 
Thank you.
 

2 Answers
lori answered 9 months ago

I fixed this by changing the theme’s main.css file found at: wp-content/themes/uua-congregation/assets/css/main.css.
I edited the file via cpanel File Manager
I changed the CSS property from http to https:
background: url(‘https://www.uua.org/sites/all/themes/uua_base/images/base/color_stripe.gif’) repeat-x 30px;
 

lori answered 9 months ago

New Fix:
Instead of changing the url from http to https like so:
background: url(‘https://www.uua.org/sites/all/themes/uua_base/images/base/color_stripe.gif’) repeat-x 30px;
Add the image (color_stripe.gif) to the local folder, via cpanel File Manager (wp-content/themes/uua-congregations/img) and change the above CSS background property to:
background: url(‘../img/color_stripe.gif’) repeat-x 30px;