Events Calendar Pro change the background and font color - Support

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
March 27, 2017 at 2:21 am #767119

ttomasini
Participant

What element do I use to add needed CSS to change the background color for the white text in Month view?

Here’s a screen shot:
http://www.hessel.org/wp-content/uploads/2017/03/Screen-Shot-2017-03-25-at-11.03.03-AM.png

Page is http://www.hessel.org/events/

Thanks,

Terry

March 27, 2017 at 4:03 am #767151
Nikko
Inactive Moderator
Hey Terry,

Try adding this css code in Quick CSS (located in Enfold > General Styling):
```
#top td .tribe_events {
    background: #333 !important;
}
```
Hope this helps :)

Best regards,
Nikko
March 27, 2017 at 4:11 am #767155

ttomasini
Participant

Nikko,

You ROCK!

One more detail request please.

There is a line or border separating multiple events on the same day. I need to control its color. CSS target please.

Here is a screenshot:

http://www.hessel.org/wp-content/uploads/2017/03/Screen-Shot-2017-03-26-at-7.07.17-PM.png

March 27, 2017 at 4:48 am #767173
John Torvik
Inactive Moderator
Hi,

You can see that each category has an exclusive class: http://prntscr.com/eovhs8 –

You need the class that you want to change and add this custom CSS code at Enfold Theme Options > General Styling > Quick CSS
```
.tribe-events-category-adults {
border-left: 5px solid #fbfbfb !important;
}
```
You need to change the class for other category :)

Best regards,
John Torvik
March 27, 2017 at 6:40 am #767212

ttomasini
Participant

Sorry I miscommunicated –

It is the horizontal line separating the events I want to control

http://www.hessel.org/wp-content/uploads/2017/03/Screen-Shot-2017-03-26-at-7.07.17-PM.png

March 27, 2017 at 7:02 am #767219
Nikko
Inactive Moderator
Hi,

Try change the code I gave you from:
```
#top td .tribe_events {
    background: #333 !important;
}
```
to:
```
#top td .tribe_events {
    background: #333 !important;
    border-bottom: 0 !important;
}
```
Let us know if this helps :)

Best regards,
Nikko
March 27, 2017 at 7:30 am #767230

ttomasini
Participant

Nikko,

That removed the border.

I actually wanted the borer to remain, but change border color to white.

March 27, 2017 at 7:40 am #767232
Nikko
Inactive Moderator
Hi,

Oh sorry for that you can use this code instead:
```
#top td .tribe_events {
    background: #333 !important;
    border-bottom: 1px solid white !important;
}
```
Best regards,
Nikko
March 27, 2017 at 7:45 am #767234

ttomasini
Participant

Perfect!

Thank you and good night.

Terry

March 27, 2017 at 7:47 am #767237

Nikko
Inactive Moderator

Hi Terry,

Glad we could help and thanks for using Enfold :)

Best regards,
Nikko
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Events Calendar Pro change the background and font color’ is closed to new replies.