css loading in certain devices only - html

Hi i'm building a website with wordpress
its only a splash page for now.
the website is http://www.polymathco.com
im on a desktop mac and it displays fine, on my laptop it displays fine.
but on my iphone and ipad the css doesnt load. (it did a few days ago)
ive tried adobe browserlab and in all tests the css doesnt load.
i tried opening via a proxy site -snip- on my imac and the css doesnt load.
ive cleared my cache and cookies and it looks fine on my imac and mbp. could this be something to do with the .htaccess on the server?
the css url is generated by wordpress , (bloginfo(template_url)) and it loads fine in my desktop.

Your site seems to be looking for the css file in /polymathco/wordpress/wp-content/themes/polymath/css/style.css
When it actually appears to be in /wordpress/wp-content/themes/polymath/css/style.css
Use bloginfo('stylesheet_url') for the css file, and check your admin panel settings(under general) to make sure your site's path is set correctly.

In your admin panel, click Settings, and in General, make sure the 'WordPress address (URL)' and 'Site address (URL)' are set to your actual site, rather than localhost.

Related

Why Is My HTML and CSS Code Not Running Properly On The Internet?

I recently added some text effects to my website in HTML and CSS. It runs perfectly on VS Code live sever but whenever I upload the code files on to my cpanel, the effects just seem to go away when I actually click and go on my website and I am not sure why. Does anyone know a fix for this? Here is my website julianwsanchez.com
And this how it is supposed to look:
How It Looks When I open it:
The output I'm seeing on your site matches the output of the code snippet here, effects and all.
Check to see if you have some browser extension that affects the way a site might look (e.g. a dark mode extension). Also, try going to your site in a different browser and/or in Incognito mode.
it Works for me just fine, both the link given, and the files running on localhost
You might need to do a hard reload.
try Ctrl-Shift-R on chrome when viewing the page.
This clears the browsers cache for that webpage,
alternative: open the web page in another browser.

Font not displaying properly when website uploaded to live hosting

I am trying to create a simple html landing page using bootstrap.
When I open it using google chrome locally, everything is displaying fine.
However, when I upload the page to my hosting, the font suddenly starts displaying weird symbols for my language (see picture).
Do you know where the problem could be?

Caching? div concerning images don't work on pc's that opened site first 3 hours after upload

Hi I'm kinda stuck on idea's to try to solve my problem since I don't have much experience concerning caches.
I'm currently working on this site of a business partner of me.
I got his host, username and password so I'm litterary working as him using Filezilla.
I downloaded the entire site content from filezilla into a desktopfolder.
I made a copy of it to work in and from there I made some changes in the .html and .css files.
In offline mode, everythings works perfectly as I want it.
Then I deleted the the sitecontent in Filezilla and replaced it with my changes.
Now the weird parts happen.
When I open the site online without www. prefix it works great
when I open the site online with www. prefix I can't see the images that are
placed within div's that purely concern the image
When a pc opened the site in the first 3 houres it was online, the div's don't
work
Also later on that specific pc can't make the div's to work
Pc's that opened the site only after these 3 houres have no problem at all
I've tried replacing the stylesheet and wait a couple hours, but caches seem to be made. and the result stays the same.
However this is no problem for the avarage customer since for them the site works, you can see what a hell this may be for me as developer and the owner, who offcourse opened the site right after I put it online.
Any suggestions might be usefull.
In most of the browsers you can use F12 shortcut to see the developer tools. In Network tab you can see all files that are currently being loaded. You can see there if the file is being loaded from the server or from the local machine.
By pressing CTRL+F5 (in Chrome and think in Firefox too) you are forcing cache to refresh.
If the PC is still loading in a cached version of the site, you can refresh the page and delete the cache by holding Control + F5.
Seems like I found the source of the problem.
I was using the css from a bought template which has some coding that malfunctions when ftp-uploading using ASCII
Uploading Binary solves the problem
The reason the did work on some computers was that they had the old css still cached. which was earlyer uploaded in binary instead of the same css files i uploaded in ASCII.

AWS Website Images not loading

I manage a website for a school magazine and I have been doing some work on it, however I have noticed that suddenly some of the images are not loading and giving error 404 messages when just a day ago it was working fine. I thought it might just be my web browser (chrome) and so I tried changing the browser and used edge and while some of the pictures loaded when they did not before some other ones now did not load.
The website is hosted on AWS using elastic beanstalk and S3. Here is a link to the website: Ink Magazine
Here are some pictures of the problems I am getting:
Ink Featured Missing Image
Any insight into why this is happening would be greatly appriciated, I have checked and the images are still on the S3 server and can be downloaded and opened fine, plus the same images still work when the article is opened.
Thanks
Your image URLs look weird to me. For example this:
http://inkstudents.co.uk/image/pictureThumbnail-photos-from-the-royal-visit.png/true/x2016-06-19T20,3A13,3A49Z.pagespeed.ic.EdDYAbdtI_.webp
If I remove everything after the .png then the image loads, like this:
http://inkstudents.co.uk/image/pictureThumbnail-photos-from-the-royal-visit.png
It looks like you may have tried adding Google PageSpeed to your site, but it isn't configured properly?

When I upload my wordpress app from localhost to the live site the font and images get smaller

This has me stumped. When I upload my WordPress application to my networksolutions hosted server everything on the pages gets a little bit smaller. Images, fonts, table divs etc all compress a little bit. The page displays ok, everything is just smaller then it is when I view them on my localhost laptop. And it's not just wordpress. It happens with everything I opload to my host server.
Help!
My guess: At some point, you accidentally pressed Ctrl + - on the remote site, causing the browser to remember the change in zoom level for the entire domain. I think Firefox does that by default.
Try resetting the zoom level in your browser.