Docs

[Josiah W]

What global css do I need in order to get Events Calendar Pro “views” to display in full width?
See attached “Need Full Width.png”.

I also need to make a color change to the date box and header on the ECP widget. See attached “ECSS.png”.

[Prasant Rai]

Hello There,

Thanks for writing in!

You can select Full Width Layout Template under Page attributes section. And let us know how it goes.

http://prntscr.com/bmv7gv

Thanks.

[Josiah W]

Thank you, that answers my first question. What do I do about the color change?

[John Ezra]

Hi there,

Thanks for updating the thread! We’ll need to use CSS. Please provide your URL so we can take a look at the elements in question. Thanks!

[Josiah W]

http://tv.permaethos.com

[Nico]

Hi There,

Thanks for your URL to us.

Add this in your customizer > Custom > CSS:

to change the box color:

.tribe-mini-calendar-event .list-date{
    background: #000;
}

To change the font colors:

.tribe-mini-calendar-event .list-date .list-dayname{
color:#FFF;
}

.tribe-mini-calendar-event .list-date .list-daynumber{
color:#FFF;
}

Feel free to change the html color to achieve the best color you want.

Let us know how it goes.

Thanks.

[Author]

Posts