Support

Home Forums Event Espresso Premium Override theme

Override theme

Posted: May 22, 2014 at 5:52 am


Dov Goldstein

May 22, 2014 at 5:52 am

For http://startbeat.com/

How do I override the theme settings to make it look good?

Is changing to the arabia theme a good option?

The widget are and this http://startbeat.com/events are the problem


Lorenzo Orlando Caum

  • Support Staff

May 22, 2014 at 6:09 am

Hello,

Event Espresso comes with basic styling and then uses styles from your existing theme.

What would you specifically like to change on your page?


Lorenzo


dov goldstein

May 22, 2014 at 9:41 am

It just looks terrible. I want it clean and organized.

All I want for the widget area is a date and title. If I can do color coded backgrounds for different categories that would be even better.

Thank you! I just really want to finish this!


Lorenzo Orlando Caum

  • Support Staff

May 22, 2014 at 9:58 am

Hi,

Most of that styling is coming from your theme. You can install a plugin like Theme Test Drive and then test out other themes.

Here is what the ticket options looks like with Twenty Twelve:

http://cl.ly/image/0F0K3U092V1u

We can share some CSS if you are trying to change something specific but we can’t provide you with styles for the entire page.


Lorenzo


Dov Goldstein

May 26, 2014 at 8:44 am

Thank you!

That was a huge help!

Last thing,
For the widget area, I just want it to say the date – event time

How do I do this?

Thank you,
Dave


Lorenzo Orlando Caum

  • Support Staff

May 26, 2014 at 11:23 am

Hello,

I want to mention that the Theme Testdrive plugin is a way for you to preview other themes.

It works by showing the WordPress administrators one theme while non-logged in visitors see your original theme. In other words, your website is still using your original theme.

Are you referring to the upcoming classes widget?


Lorenzo


dov goldstein

May 27, 2014 at 5:34 am

Yes, the upcoming classes widget


Dean

May 27, 2014 at 6:36 am

Hi,

Something like this? http://take.ms/phokx

You would need to modify it, the easiest way is with CSS.

.ee-upcoming-events-widget-li h6,
.ee-upcoming-events-widget-li br,
.ee-upcoming-events-widget-li b { display:none; }

.ee-upcoming-events-widget-li { list-style-type: none; }

.ee-event-datetimes-ul { list-style-type: none; }

.dashicons-clock:before { content:"" !important; }

.ee-upcoming-events-widget-ul { margin: 0; padding: 0; margin-bottom: 20px; }

.ee-event-datetimes-ul { margin:0; }

.ee-upcoming-events-widget-ul h5 a { margin: 0; padding: 0; }


dov goldstein

May 27, 2014 at 6:39 am

Thats good but I was thinking something more stylish. Are there any theme options for that?


Dean

May 27, 2014 at 7:00 am

Sorry no there aren’t. We have made it so that the plugin takes on the Theme CSS styles.

As such any modification would need to be done via CSS, or if they are quite drastic, via PHP changes.

If you are not comfortable with CSS I would recommend contacting a web developer, though the above code may well get you started on the right track.


dov goldstein

May 27, 2014 at 7:39 am

Thank you.

So what I would like to do is have for each event 3 lines
Title (Heading font)
Date
Time

then a space and the next group of 3. This way it wont look as scattered. Can you please provide me with the CSS for this


dov goldstein

May 28, 2014 at 5:54 am

I figured it out. Thank you!


Dean

May 28, 2014 at 6:16 am

Glad to hear that! Please mark the forum thread as resolved.


Sidney Harrell

May 28, 2014 at 1:38 pm

Sorry it’s a bit late, but I made this screencast tutorial on how to do basic CSS overriding:

The support post ‘Override theme’ 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