Support

Home Forums Event Espresso Premium Confused on best way to customize styles/css

Confused on best way to customize styles/css

Posted: October 4, 2012 at 5:45 pm


markal

October 4, 2012 at 5:45 pm

Hello, I’ve been going over all the documentation and tutorials, and I’m a bit confused as to the best way to stylize the various espresso pages. We’re running version 3.1.25.P

Currently, I’m trying to stylize the calendar page, but I will also need to stylize the category and registration pages too. Most likely I will need full access to a css file where I can have full control.

I see instructions for moving the event_espresso_style.css file to the /wp-content/uploads/espresso/templates/ directory, however it doesn’t appear that this will allow for stylizing the calendar page.

Can anyone assist me in figuring out how to customize the css for the calendar page? I see options in the back-end for themeroller css, but I don’t think I need these settings do I?

Thanks so much for any suggestions or links to where there information is found online!


markal

October 4, 2012 at 7:12 pm

I’ve tried putting the calendar.css file in wp-content/uploads/espresso, as explained on this tutorial (https://eventespresso.com/wiki/calendar/), however that didn’t seem to load when I viewed the calendar page. I also tried putting the calendar.css file in the uploads/espresso/templates directory, but to no avail.

I realize I could probably over-ride the EE css files by placing styles in my WP style.css file, but I would prefer to keep our css files lean and only load the calendar.css file for the calendar page.

I will need to do things like adding background images to day cells, change the graphics for the previous and next arrows, customize fonts, etc. So I’m feeling like having direct access to a css file that over-rides the default calendar.css (i.e. so I don’t loose my styles when the upgrading) is the best.

Thanks in advance for your assistance!


Seth Shoultes

  • Support Staff

October 4, 2012 at 8:41 pm

What are the file and folder permissions set to on those files in the uploads directory?

Also, I highly recommend updating to the latest versions of everything including WordPress.


markal

October 4, 2012 at 9:23 pm

Hi Seth,

The permissions for the uploads/esspresso and uploads/espresso/templates folders are set to 0755, and the calendar.css files are 0644.

Thanks for your assistance.


Seth Shoultes

  • Support Staff

October 4, 2012 at 11:37 pm

Sorry I missed your reply, I’m not getting email updates for some reason.

I’m just getting ready to call it a night. Can you please send us wp admin and ftp credentials, via our contact page? That will help us pinpoint the issues you are having.


markal

October 10, 2012 at 2:07 pm

Hello and thank you for your assistance. I apologize for the delayed response. We’ve set up a user for you to use in reviewing our site. Please let me know if there are any further details you may need.

  • This reply was modified 11 years, 6 months ago by  Seth Shoultes. Reason: Removing private data. Please don't post login data in the forums


suzieqbbb

October 11, 2012 at 12:38 pm

Hi,

I too am having the same problem.
I edited the css file and placed it in the wp-content/uploads/espresso/ folder but that did nothing.

Thanks

Mitch


Karen Nobel

October 11, 2012 at 4:58 pm

We’re in the same boat here, as well. Moved the CSS file to /uploads/espresso, but no effect.


Karen Nobel

October 11, 2012 at 4:59 pm

I wish there was a custom.css like woothemes does that’s already in the right spot, so we can make edits to it that automatically override the default css.


Dean

October 15, 2012 at 5:16 am

Hi Karen and Suzie,

The css file needs to be uploaded to espresso/uploads/css/calender.css

If it is just in the uploads folder and not the css folder (you may need to create this), it wont work.


markal

October 15, 2012 at 8:59 am

Since the file path for the calendar.css file needs to be exact, I wanted to let people know that the path we got working for us is:

wp-content/uploads/espresso/css/calendar.css

Dean’s above support comment looks to have the “uploads” and “espresso” folders swapped.


Dean

October 15, 2012 at 11:12 pm

Markal,

Good spot! Yes I misstyped that uploads/espresso/css is correct.

The support post ‘Confused on best way to customize styles/css’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso