|
SCLR Tech Editor
|
February 8, 2013 at 11:24 am
I am attempting to use custom CSS in the “themeroller-base.css” file, and have tried uploading to the following locations:
/wp-content/uploads/espresso/templates/css
/wp-content/uploads/espresso/templates/css/themeroller
But EE does not seem to be importing the file. Am I doing something wrong, or is this even possible?
Also, I tried the “Add a custom style sheet?” option, but that didn’t seem to do anything – if anyone can tell me where this uploads or what it should do, I would greatly appreciate it.
|
|
Josh
|
February 11, 2013 at 11:43 am
Hi there,
I’ll repost the inline documentation for customizing themeroller (found in Event Espresso>Template settings) that I hope will help:
ThemeRoller Style Settings
Event Espresso uses the jQuery UI ThemeRoller CSS library to style the event listings and registration pages. The ThemeRoller CSS library makes it easy to get the desired look and feel for your events and calendar. If the built-in styles are activated, Event Espresso will automatically load the “wp-content/event-espresso/templates/css/themeroller/themeroller-base.css” (or the “wp-content/uploads/espresso/themeroller/themeroller-base.css”) style sheet which applies the necessary padding and margins to the Event Espresso generated content.
Adding Custom ThemeRoller Styles
To add your own custom ThemeRoller styles:
Go to the jQuery UI ThemeRoller site and design and download your custom style.
Unzip the downloaded file, then navigate to the “/css/” folder. Inside you will see a directory named “custom-theme” (or the name of the theme if you selected a pre-made style). If you like, rename the “my-custom-theme” directory to something memorable.
This step is very important. Inside the “my-custom-theme” folder, find a file named “jquery-ui-..**.custom.css”. Rename that file to “style.css”. If you do not rename this file, you will not see your custom theme in the selections.
Upload your desired ThemeRoller styles to the “wp-content/uploads/espresso/themeroller/” directory on your server.
This step is very important. Make sure there is an empty “index.php” file in the “wp-content/uploads/espresso/themeroller/” directory. This will tell Event Espresso that you want to use custom ThemeRoller CSS files.
IMPORTANT: Verify you have an “wp-content/uploads/espresso/themeroller/index.php” file. Also make sure your custom ThemeRoller CSS files look something like this “wp-content/uploads/espresso/themeroller/my-custom-theme/style.css”.
|
|
SCLR Tech Editor
|
February 15, 2013 at 9:51 am
Josh,Thanks for your response; however, after placing the file in that location, the css is still not being loaded.
Currently, I have the css file at:
/wp-content/uploads/espresso/themeroller/themeroller-base.css
I even checked the EE code, and it does look in this path for that file. however, the applied CSS is still coming from:
/wp-content/plugins/event-espresso/templates/css/themeroller/themeroller-base.css
I have cleared my browser’s cache, but that is not the issue.
I was looking at espresso.php, and on lines 801-02 it looks for an index.php file in the uploads path, then sets the themeroller style path accordingly. If it finds the file, it uses the following path:
$themeroller_style_path = EVENT_ESPRESSO_UPLOAD_URL . ‘themeroller/’;
However, on line 817, when looking for themeroller-base.css, it uses this path:
EVENT_ESPRESSO_UPLOAD_DIR . $themeroller_style_path . ‘themeroller-base.css’
So it seems like it has the upload path in there twice…do you think this could be part of the problem?
|
|
Josh
|
February 15, 2013 at 7:18 pm
That’s a good catch, and from what I can tell, it’s the problem.
That line (817) should read:
if (file_exists(EVENT_ESPRESSO_UPLOAD_DIR . 'themeroller/themeroller-base.css')) {
I’ll fix that so it’s updated in the next version of Event Espresso.
|
|
SCLR Tech Editor
|
February 18, 2013 at 7:46 pm
I made that change and added an empty index.php in:
/wp-content/uploads/espresso/themeroller
and now it is pulling in my custom CSS. Thanks for your help!
|
|
Josh
|
February 19, 2013 at 7:11 am
Thank you for helping us track this down!
|
|
SCLR Tech Editor
|
February 19, 2013 at 8:07 am
No problem, glad I could lend a hand.
|
