Links in Website Resource content not displaying CSS.

Sorry Julie but i can't understand witch CSS is not correct. I have look to your website a long time and didn't see any problem with CSS.
The only thing i found was in the chrome inspector :

gallery-static.html:10 Mixed Content: The page at 'https://thetaooftype.com/gallery-static.html' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Oswald:400,300,700'. This request has been blocked; the content must be served over HTTPS.

For this you just have to follow Andy suggestion (without http request) :


gallery-static.html:31 Mixed Content: The page at 'https://thetaooftype.com/gallery-static.html' was loaded over HTTPS, but requested an insecure image 'http://thetaooftype.com/assets/img/logo.png'. This content should also be served over HTTPS.
https://thetaooftype.com/ne.html Failed to load resource: the server responded with a status of 404 (Not Found)

For this one, on line 31 you have to change this :

to this with httpS://thetaooftype.com/assets/img/logo.png


EDIT : For https check your config.inc.php in core/config folder there is 2 line where you can setup http_host

The problem is definitely with MODX.
I just turned all my code in to html pages and it all looks fine, CSS included!

Quote from: juliehoy at Aug 16, 2016, 08:30 PM

The problem is definitely with MODX.
I just turned all my code in to html pages and it all looks fine, CSS included!

I think it's just a configuration somewhere we missed ;-)

Thank you Steeve!

I will definitely fix those things!

You are right -- there is nothing wrong with the CSS. Turning the code into webpages demonstrated that the CSS and HTML is fine.

MODX is messing things up. The CSS doesn't hold if the page is linked to inside a page resource content box. I would like to reinstall MODX to see if that fixes the problem.

When I install MODX with Softaculous in my cPanel, it auto-populates names for the MODX database name and table prefix. I am thinking that I already have those in use and do not want them over-written. So I can erase those names to leave those fields blank. But then I wonder if the new installation of MODX will still be connected to the previous db name and table prefix?

With a little fudging of the current version, you can use the UpgradeMODX extra to "upgrade" to the version you already have. It will download and reinstall all the MODX core files for you and then run setup.

A number of people have reported problems with Softaculous installs.

Quote from: juliehoy at Aug 16, 2016, 08:36 PM

When I install MODX with Softaculous in my cPanel, it auto-populates names for the MODX database name and table prefix. I am thinking that I already have those in use and do not want them over-written. So I can erase those names to leave those fields blank. But then I wonder if the new installation of MODX will still be connected to the previous db name and table prefix?

Can you try to install it manually ? Like this you can choose a new prefix and do not over-written the previous installation.
But to be sure, make a back-up ;-)

EDIT : try Bob suggestion!

Quote from: BobRay at Aug 16, 2016, 08:41 PM

With a little fudging of the current version, you can use the UpgradeMODX extra to "upgrade" to the version you already have. It will download and reinstall all the MODX core files for you and then run setup.

A number of people have reported problems with Softaculous installs.

Thanks Bob!

I changed my version in settings and ran your UpgradeMODX widget to upgrade/reinstall the latest version.

Unfortunately all the weirdness on my pages remains.

At this point, the only option I see is to wipe the whole MODX installation and start over?

Sorry I dropped out of the conversation. I was away from my computer for a while.

Just some observation...
The page where the content is missing (https://thetaooftype.com/) has a link to some javascript that is broken.
<script src="assets/js/plugins.js+custom.js.pagespeed.jc.P1vFfqEoZE.js"></script>
On this page if you view source the content is actually there. (I think). So it is just not being displayed. This would point to a CSS or possibly a JS issue?
If you rename the class for this div <div class="content"> to <div class="contentx">so that the CSS stops working the content reappears. So the problem could be the actual CSS, not the links to it.

https://thetaooftype.com/gallery.html seems to display OK. the JS links on this page are different, but they all work.

Just found this on line 354 of style.css
.content {
width: 100%; padding-left: 250px; position: relative; left: 0px; opacity: 0;
}
The opacity: 0 is making the content invisible

Quote from: andytough at Aug 16, 2016, 09:58 PM

Just some observation...
The page where the content is missing (https://thetaooftype.com/) has a link to some javascript that is broken.
<script src="assets/js/plugins.js+custom.js.pagespeed.jc.P1vFfqEoZE.js"></script>
On this page if you view source the content is actually there. (I think). >

Hi Andy,

When I got your message I went to look and ....
Now everything is displaying correctly?!

I made no changes. I walked away and did other things. How did it go from fine to a spectacular mess back to fine? Ug!

Okay. So I now am back to having a website that works in MODX and is displaying correctly as well!

So, I fixed the two errors that pop up in the console when source is inspected in the Chrome browser.

Andy, where are you looking that you can see there is broken javascript?