CSS Problem with SSL

Hi,

I recently added an SSL certificate to my site and now the custom css and the stack css do not show up in the content on all my pages. The header and footer are fine on all pages, only the content portions are stripped of all style. I followed various tutorials, updated all images to have the https url and changed my address in wordpress settings to Https://. I even ran a query in the database to replace any http strings with https. I suspect, that the css is being called wrong somehow but I have no idea how to fix it.

Any help would be appreciated,

Thanks

HI there,

Please try doing a search and replace for

http:\/\/www.yourdomain.com > https:\/\/www.yourdomain.com

Note that “//” are slashes and backslashes. The first character is not an extra capital w.

Hi,

Thanks for the quick reply, I ran the search and replace using a wordpress plugin and still the website leaves out css styling from all page content.

After inspecting the webpages, I’m seeing that whenever the window size is below 767px the page shows perfectly, but as soon as It gets wider some or all the styling disappears. After further analyzing it, the x-generated css is placing some or all the styling applied using the content builder under a media query. How can this be fixed?

Hi There,

Please provide us with the link to your referenced page, so that we can assist you with a possible workaround.

Also you can utilize Hide During Breakpoints option on your sections, columns or elements to control the visibility.

Thanks!

www.lwe.church

Hi there,

Thanks for providing the link but would you mind providing the admin details in a Secure Note as well so that we can check this further?

For the meantime, if you have a caching plugin active, kindly make sure that you have fully flushed your site’s cache.

Thank you.

Hi there,

I checked and it seems to be okay from my end, the content has proper styling and the icons are there too. Would you mind providing some screenshots? Or please tell us of what we should expect to see, right now, the contents are too little but styling works okay.

And please clear your browser cache before testing.

Thanks!

It seems that some of the content builder x-generated css is put under a media query. the first image is whenever the browser window is at or below 767px and the next pic is when it gets larger than that (some of the styling is lost). the footer and header are fine and unaffected.

Thanks

Hi There,

Thanks for that clue, I found a couple of errors on your Global Footer. Please check all the custom CSS on your Global Footer here then address all the found errors.

And avoid using CSS comment like this

// some comment

This will cause an issue when the CSS gets minified (one line) on the front-end.

Use this instead

/* some comment */

Hope that helps,
Cheers!

I feel like an idiot, that was such a simple fix, nothing to do with SSL.
Thanks for all the help, really appreciate it!

You’re welcome, its actually a team effort it was your last post provided a clue, who would have thought that the issue was on the Footer CSS, it was actually a hard one.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.