Custom CSS no longer applying and many images not showing

  • Hello all, I hope you can help me.

    I am using the Klein premium theme from Theme Forest. I’m using the child theme for my site and have a lot of custom CSS which I placed in the supplied section on Appearance/Theme Options.

    Until recently I was on cloud shared hosting and my site was working and displaying fine. I also had it set up on Cloudflare to boost speed.

    The other day, I upgraded to a VPS hosting solution with the same provider. My site was migrated to the VPS but although all the files and functionality are there, for some reason all my custom CSS isn’t being taken into account and my site looks a mess! A lot of images are no longer showing either.

    Now the first thing I considered was that it was a caching issue. I purged the cache on Cloudflare, on all my browsers and even on my PC. Still the same. It’s the same on Chrome, Firefox, Safari on PC and iPhone.

    Would it have anything to do with Cloudflare? Or the migration process to a VPS server? For what reasons might the CSS/images of a site be broken when transferring from shared hosting to VPS hosting?

    Would appreciate any ideas as to why this is happening.

    Thanks, Chris.

Viewing 3 replies - 1 through 3 (of 3 total)
  • jack randall

    (@theotherlebowski)

    there are a lot of moving parts in that list! if there’s a theme issue you’ll need to go back to themeforest and use the support forum there for help from the developer. personally i’d check that route first before assuming the worst regarding hosting environments etc…

    Thread Starter Windurin

    (@windurin)

    Thank you for the response. I just solved one part of it after 2 days of going crazy!

    It was a simple case of a missing closed bracket: }

    I had seen that mentioned as a possible cause around the net but went through my CSS file a few times and couldn’t spot any mistakes like that. I even put it through a CSS Validator but for some reason it didn’t pick up on it…

    But just now I checked again and there was one } missing on a piece of CSS. Adding that instantly fixed the CSS!

    Now I have a simple problem of a lot of images missing on the site. Tried to regenerate thumbnails and it’s failing, saying the images are missing. Error message is:

    [FILE_NAME) failed to resize. The error message was: The originally uploaded image file cannot be found at [FILE_LOCATION]

    I guess this is the part that could actually be down to the server change. I’ll update if I figure anything out.

    So, the moral of the story is: hunt that elusive missing } down!

    jack randall

    (@theotherlebowski)

    ?? it’s always a missing bracket or comma/semi-colon!

    just make sure that all of the images are actually in the uploads folder before you do anything else, then back up everything!

    next up, on the server cpanel try doing a check and repair on the database, the move may have corrupted a couple of tables here and there…

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Custom CSS no longer applying and many images not showing’ is closed to new replies.