Images are displaying under each other, in a list - WordPress

If the images in your slider are displaying below each other in a row, or nothing shows up at all, check out this documentation. The problem in this case is, that our css file (and probably js as well) isn't called in, so take a look at the possible causes.

The files you should look for can be found at the
wp-content/themes/[your-theme] folder.

Missing wp_head() or wp_footer() callings

Go to your theme's header.php file, open it, and search for for wp_head(). If you can't find it, put it right before the closing head tag.

<?php wp_head(); ?>
</head>

Then open your theme's footer.php file, and look for wp_footer(). If you can't find it, put it right before the closing body tag.

<?php wp_footer(); ?>
</body>

Output buffering problems.

If you have a plugin which uses the output buffering wrongly that can cause problems with the file calling. You can learn more about the problem here.

HTML error

You might have a large HTML error in your website. If you have Firefox browser downloaded, open your page and right click -> View page source. Look through the code, and if you see something marked with red, you have a HTML error, which you should fix.

It is possible, that you won't see any red codes, but you might still have HTML errors.

Basic HTML codes are missing

Make sure that your website's source has these codes:

<html>
<head>
</head>
<body>
</body>
</html>

in this order. If one of them is missing, check out the header.php (for the opening html, the head and the opening body tag) and the footer.php (for the closing body and html tag).

Wrong page start

Make sure that your website starts with something like:

<!DOCTYPE html>

If your page does not start with that, open up your header.php file, and make sure that you find that in the top of the page, and you don't have any html code before that!

It is possible that the theme developers inserted some comments to the page's header, so it is not a problem, if the page starts with something like this:

<?php
/**
* The Header template for our theme
*

PHP error caused by the theme

If your theme's files are containing the codes above, yet your page source shows that theclosing body and html tags are missing, open up your footer.php file, and search for thelast HTML code you found in the page source. For example, if your website's source ends with this code:

<div class="copyright">

your footer.php file probably will have some PHP codes after it which makes your code to stop:

<div class="copyright">
<?php some_theme_function(); ?>
</div>

You should simply comment it out, or contact your theme's developers so they would trace back the error, and find a solution:

<div class="copyright">
<?php //some_theme_function(); ?>
</div>

If you can't find any error that could indicate a PHP error, try turning on the error reporting at your server like this, and check your site again, and probably there will be some error written out.

If you checked the codes and they're all there, try to turn of all of your plugins, and check the page again (do a refresh on it). If the slider is correct now, one of the plugins were causing the problem, so what you should do is turn them back in small groups, and refresh the page everytime a group was turned back on. If the slider is wrong again, the problem will be caused by one of the plugins you activated for the last time, so deactivate those plugins one by one.

Cache folder is not writable

In Firefox or Chrome press F12, click on Console, and refresh the page. If you see 404 or other server errors pointing to our cache files, that they couldn't load, then your cache folder is not writable. Usually in these cases the backend is messed up too, but your server host might have changed something after the installation of our slider, so the backend cache files were created, just the new ones can't be. Either way, you can solve that problem like this:

Website stopped before it should

Right click on your site, choose View page source, and scroll down to the very bottom of your page. You should see the ending of your website:

</body>
</html>

If this is not what you see, check what has the last code. From the classes and ids, or the texts surrounding it you could figure it out what plugin/extension's module do you have there. That is what's causing a PHP error, or you have a server limitation reached, like the memory_limit. You could try to make your website write out the error, if you write this code inside your wp-config.php file right under the <?php part:

then go to your website, and check the very bottom of your page. Sometimes you can't see the message on the frontend, because it's behind something, or it's hidden, so you could right click, and check the page's source again, the very bottom of it. Also a php-error.log file should appear in the root folder of your site ( http://example.com/php-error.log ), what you could check too. If you don't see any errors, and on your other pages you have the same issue, that you don't see the end of the code in the end, then the problem will be your theme, that something might have been accidentelly deleted.

CSS minification

There are css minifying and merging plugins, which aren't putting the css codes properly into their files (not necessarily ours, but something before our code, which is messing up everything after that). The Async option might help, because that uses a different method to call in our css files, and usually minification plugins are skipping our codes like that.