Style changes in options panel not working

Here are a few reasons why the changes you do in the “Styles” section of the Pexeto Options Panel may not be working.

1. Theme not installed correctly

This is the most common reason for this problem and generally happens when you install the theme via the WordPress uploader and you upload the whole zip file you have downloaded directly from ThemeForest, but not the theme zip only. It can also happen when you upload the theme via FTP and located the theme’s files within more than one folder apart of the wp-content/themes WordPress folder. For more information about installing the theme correctly, you can refer to the Installing a Pexeto Theme article.

2. Logo image or additional uploaded background images contain an empty space in their names

You have to make sure that none of the images you upload within the “Styles” section of the options panel (such as logo image and background images) contain any empty spaces in their names. Generally, using files that contain empty spaces in their names is not a good practice when working on the web, as this may cause lots of problems. If you find out that you have uploaded such an image, you have to rename it on your computer so that it doesn’t contain an empty space and reupload it.

3. If the CSS you have inserted in the “Additional Styles” is not working only

If all the other styling changes within the Styles section work, but not the custom CSS code inserted in the “Additional Styles”, then this may be related with a syntax error in your additional CSS code. To check for syntax errors you can use the W3C CSS Validator.

4. Server related problems

If none of the steps above helps you resolve your problem, then it is most likely the problem to be related with the server settings. To troubleshoot this, you would have to open the cssLoader.php file from your installation with a web browser. The easiest way to get the URL of the cssLoader.php file would be to open the page source of your front-end site (with Mozilla Firefox: right click » View Page Source) and look in the head section for a link tag pointing to the cssLoader.php file. It should look like this:

and from the example above the URL of the cssLoader.php file is:

http://site.com/wp-content/themes/theme-name/css/cssLoader.php

after you get the URL of this file, you have to open it from your browser and check what the result is. Generally, if the styles functionality is working fine, this file should contain some CSS code. However, in some cases when you open the file, you may get one of the following errors:

500 Internal Server Error – please refer to this article
404 Not found – you have to make sure that the cssLoader.php file exists within the css folder of your theme. If you have done some changes to the theme’s files, you may have accidentally deleted this file or you may have not uploaded it if you uploaded the theme via FTP
Empty content – there were a couple of users of our themes that experienced this error and modifying this line:

require_once( '../../../../wp-load.php' );

from the beginning of the theme’s css/cssLoader.php file to:

require( '../../../../wp-load.php' );

worked for them.