Change background colour

[Steve Temperton]

Hi,

I’m trying to style sections of the upcoming events widget.

Firstly, I’m trying to change image 1 so it is an all blue background with white colour text for the date and the day. (The date already has white text)

Secondly, I’m trying to work out why there is a gap above the event title. (Shown in image 2) How can I remove this?

All the best

Steve

[Steve Temperton]

This reply is private.

[Jennifer]

This reply is private.

[Steve Temperton]

Thanks Jennifer. That has fixed the layout issues.

However, I’m still struggling to change the colour of background colour and day colour of the icons under upcoming events. As a pro subscriber, is there more support available to help with this?

I have read the articles but nothing specific for this issue seems to be there.

All the best

Steve

[Jennifer]

Hi Steve,

I’m glad the layout issues are resolved! CSS customizations are really outside the scope of support that we typically provide here in the forums, but we try to help out when we can. Try adding the following:

.tribe-mini-calendar-event .list-date .list-dayname {
background-color: #214ea4;
color: #fff;
}

Let me know if this helps!

Thanks,

Jennifer

[Steve Temperton]

Thank you, Jennifer. That has worked and you are a star.

All the best

Steve

[Jennifer]

Awesome, I’m glad that helped!

I’ll go ahead and close out this thread, but please feel free to open up a new one if you run into any further issues!

[Author]

Posts