Community Forums › Forums › Archived Forums › General Discussion › SSL Shows CSS Errors
Tagged: SSL CSS Errors
- This topic has 11 replies, 2 voices, and was last updated 10 years ago by
seoskyrocket.
-
AuthorPosts
-
January 21, 2015 at 4:15 pm #138218
seoskyrocket
MemberI use custom CSS to extend the width of the site title area to allow the full name of our church to display on one line and it looks great on all of my pages except the following three pages that utilize SSL:
https://www.sylvaniachurch.com/apply/
https://www.sylvaniachurch.com/events/waiver-medical-release/
https://www.sylvaniachurch.com/contact/
The Chrome developer tools shows the following error:
Mixed Content: The page at 'https://www.sylvaniachurch.com/apply/' was loaded over HTTPS, but requested an insecure stylesheet 'http://www.sylvaniachurch.com/?sccss=1'. This request has been blocked; the content must be served over HTTPS.
Is there a way to fix that, and to do so in a way that doesn't get lost with future theme updates? Thank you in advance for your help!
https://www.sylvaniachurch.com/apply/January 22, 2015 at 11:00 am #138272David Chu
ParticipantHi,
Is that you, Chad? 馃槈 That is really strange - it looks as though you're requesting that URL fine with https in the URL. I have 2 theories - I did notice that you're command below should really have a semi-colon after it. (I added it to the code below). I wonder if it will stop the error if you fix that..title-area { width:350px; }
It may not, though. It's possible that having the URL looking like a GET variable will bollix something. In which case you could add that command to your regular style.css file, and that would clean things right up.
Cheers! Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
January 22, 2015 at 2:22 pm #138290seoskyrocket
MemberMy friend, Dave Chu! It's good to hear from you, sir! And thanks for your help! I added the semicolon, but the issues continues. How would I try the second thought you had? If it's best to hire the infamous Dave Chu again, then I'm game for that. 馃槈 If that's the best route, then I'd also be curious to get your thoughts on why the http://www.sylvaniachurch.com homepage scores a whopping zero on Pingdom for "minimize request size." Talk to soon.
January 22, 2015 at 2:54 pm #138294David Chu
ParticipantHey Chad!
Ah, but the title is now working on one line! Oh, it looks like you turned SSL off. 馃檪If you wanted to move the code, you would go to Appearance..... Edit. That will take you into the style.css file. Then you could put that bit of code in there. Just be sure you have that code separate from other lines, and not inside comments.
/*** this is a comment example. ***/
Or just leave it be, to me, it doesn't look very serious, frankly, but maybe you're getting dinged in Google analytics or something.
About the pingdom... I just ran it myself. I clicked the little details arrow all the way to the right of the minimum request line. It's slightly whining about two very long URL's, one for fonts, and the other for Google Analytics. Gosh, that's pretty minor. Personally, with the stellar other scores, I'd just relax and celebrate!
Cheers, Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
January 22, 2015 at 3:15 pm #138300seoskyrocket
MemberI only have SSL activated on the three pages I listed above, so the issue is limited to those pages. It looks the way I want it to look everywhere else. I tried adjusting the code in style.css, but the issue continued even after I cleared my cache.
On a related note, what do you think about whole-site SSL? I've considered it because I know there is a minor SEO benefit to it and, hey, I'll take a minor SEO benefit. 馃槈 Does it hurt me from a SEO standpoint if external links to our site redirect to the https pages?
January 22, 2015 at 3:21 pm #138302seoskyrocket
MemberAs for the Pingdom issue regarding "minimize request size," I think I'll take you up on the celebration part. 馃槈
January 22, 2015 at 3:37 pm #138306seoskyrocket
MemberActually, I just switched to whole-site SSL and it solved the CSS problem. I've gone through all of my pages to check and I only found a few that show a yellow padlock. I'm looking into those now. Is there anything else I need to beware of now that I've switched over the entire site to SSL? Thanks, again, Dave.
January 22, 2015 at 3:43 pm #138310David Chu
ParticipantAh yes, that's why I saw HTTP elsewhere. 馃檪 Doing whole site SSL is probably ultimately a decent idea, but not an enormous big deal right now. I've begun doing research and testing in that area. The most critical thing would be to do it for is for sensitive page info, just as you're doing.
I get a nice green lock on those pages in Chrome. Firefox whines slightly if you read fine print. IE seems quiet about it.
Re: whole-site SSL, you won't get dinged much by Google for being non-secure for quite some time, they're just giving a very early warning.
That bit of CSS looks like it's coming from a familiar plugin. Because it's in the form of a query rather than simply a file, the security police may not like that. If you ditch that and then stick the CSS in style.css instead, I think the problem will go away. If not, then hands-on analysis might be needed. HTTPS, though important, can be a pain. 馃檪
D
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
January 22, 2015 at 3:46 pm #138311David Chu
ParticipantBy gosh, you did it! Well, looks like you're all set.
I'd say just do some reading on the topic here and there if you'd like - I'm not a security geek per se. 馃檪 Here's an example.
Talk sometime soon,
Best, D
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
January 22, 2015 at 4:20 pm #138313seoskyrocket
MemberAs always, thank you, sir!
January 22, 2015 at 6:11 pm #138323David Chu
Participant馃槈 Good seeing you! Ciao!
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
January 22, 2015 at 8:38 pm #138361seoskyrocket
MemberGood seeing you, too. Adios, amigo!
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.