Themes and Images No Longer Appear on Site or in Preview

  • Resolved TiffanyBlitz

    (@tiffanyblitz)


    5 years, 9 months ago

    First off, my website was working fine a few weeks ago when I finished updating it and changing the PHP version. It displayed fine, and everything worked smoothly.

    Recently, and without apparent cause, my website has started only displaying text. No images, no theme, only the text. I know it’s still loading the theme, because the arrangement of headings and articles changes, but it’s not showing any visual icons. This also applies to the theme selection screen in the admin control panel; they display blank white boxes, with the name of the theme below them, shown here.

    Interestingly, when I go to look in the Theme ‘store’ for more themes, those themes display normally in the store. It’s only when I try to preview them on my website, or install them into my dashboard, that this problem arises. The few (old) posts I’ve been able to find with this subject suggested code fixes, but I couldn’t find the code they were talking about, and I believe it was outdated advice.

    Any help would be greatly appreciated!

    • This topic was modified 5 years, 9 months ago by TiffanyBlitz.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Looks like you have some permission errors in your files/folders. When I inspect your site, I see 403 Forbidden errors on the Console, which means the server won’t let the browser access certain files begin requested:

    GET https://asformyhouse.com/wp-content/themes/suffusion/style.css?ver=4.4.9 net::ERR_ABORTED 403 (Forbidden)
(index):38 GET https://asformyhouse.com/wp-content/themes/suffusion/skins/light-theme-green/skin.css?ver=4.4.9 net::ERR_ABORTED 403 (Forbidden)
(index):39 GET https://asformyhouse.com/wp-content/themes/suffusion/rounded-corners.css?ver=4.4.9 net::ERR_ABORTED 403 (Forbidden)
(index):45 GET https://asformyhouse.com/wp-content/uploads/suffusion/custom-styles.css?ver=4.4.9 net::ERR_ABORTED 403 (Forbidden)
(index):53 GET https://asformyhouse.com/wp-content/themes/suffusion/scripts/suffusion.js?ver=4.4.9 net::ERR_ABORTED 403 (Forbidden)
(index):105 GET https://asformyhouse.com/wp-content/uploads/2016/10/befriend-300x280.jpg 403 (Forbidden)
(index):132 GET https://asformyhouse.com/wp-content/uploads/2016/08/QK_ravuit_button-300x300.jpg 403 (Forbidden)
jquery-migrate.min.js?ver=1.4.1:2 JQMIGRATE: Migrate is installed, version 1.4.1
(index):160 GET https://asformyhouse.com/wp-content/uploads/2016/08/change-671374_960_720-300x190.jpg 403 (Forbidden)
(index):53 GET https://asformyhouse.com/wp-content/themes/suffusion/scripts/suffusion.js?ver=4.4.9 net::ERR_ABORTED 403 (Forbidden)
(index):186 GET https://asformyhouse.com/wp-content/uploads/2016/07/unnamed.jpg 403 (Forbidden)
(index):209 GET https://asformyhouse.com/wp-content/uploads/2016/06/artherlight-300x139.jpg 403 (Forbidden)
(index):213 GET https://asformyhouse.com/wp-content/uploads/2016/06/artherlight-2-300x300.png 403 (Forbidden)
(index):325 GET https://asformyhouse.com/wp-content/uploads/2015/11/Our-Wood-Home-No-Pants-November.jpg 403 (Forbidden)
(index):300 GET https://asformyhouse.com/wp-content/uploads/2015/11/6533057_1446248501.0591_funddescription-300x225.jpg 403 (Forbidden)
(index):351 GET https://asformyhouse.com/wp-content/uploads/2015/10/egg.jpg 403 (Forbidden)
(index):280 GET https://www.deborahandcoaffiliates.com/media/banners/black_friday_2015_250.jpg 403 (Forbidden)
(index):270 GET https://www.deborahandcoaffiliates.com/media/banners/D&Co-button-tall1.jpg 403 (Forbidden)

    There are several possible reasons for this that are outlined in this article. I would first see if you are using a security plugin, and if so, try deactivating it to see if it makes a difference. If that’s not the case, I would check the file permissions using either an FTP client like FileZilla, or your host’s file manager (i.e., cPanel).

    Thread Starter TiffanyBlitz

    (@tiffanyblitz)

    I mass-changed all the permissions like that article says, and it seems to have cleaned it up like a charm! Thank you!

    How did you find those 403 errors? In the source code? If I’d just known about the 403 errors, I could probably have found that article on my own, so knowing how you did it could help me solve my problems on my own in the future.

    Most browsers have an Inspector (also called DevTools in Chrome) that you can bring up to examine a web page. If you right-click on a page, you’ll see a menu item labeled Inspect or Inspect element (depending upon the browser), and clicking on that menu item will open up the Inspector. The Inspector is really handy if you want to take a look at the structure of your site. You can even make interactive changes to the CSS in case you want to see, for example, how a certain color would look on an element, or if you were to change the font size or family.

    When you first open an Inspector, you’ll see a code pane on the left and a CSS pane on the right. In the heading of the Inspector, you’ll see a menu item labeled Console. The Console pane will let you know about any problems encountered with running Javascript code as well as those 403 errors.

    Right now, you still have a couple of 403 errors, but they are related to images that are hosted on the deborahandcoaffiliates.com site. That’s not unusual, often sites will forbid other sites from hotlinking their images to cut down on bandwidth. If you need a particular image from another site, best to save it to your local server, instead.

    Oh, and please mark this thread as Resolved so others will know it’s been fixed. Thanks.

    Thread Starter TiffanyBlitz

    (@tiffanyblitz)

    Updated. Thank you again!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Themes and Images No Longer Appear on Site or in Preview’ is closed to new replies.