Can’t Change Events List Widget Color #2

Hi @ilvered

Thanks for getting back to me.

Can you provide me with a screenshot of the areas highlighting which part you want CSS snippets for, please?

I see what was provided, however, I’m not sure if I’m on the right track with the snippets

Dear Chika,

Sorry but I do not see where I can attach a file.

Regards
Magnus

Hi @ilvered,

Sorry for the delay.

Here is the CSS code that should add the color back to that area!
https://pastebin.com/W03wKhVA

Kind regards,

Hi,

Thank you but it did not do what I want.

When I use this code below I can change text colour on the hours and the event title but not the date and widget title. The background is very dark where the widget should be placed so I need to change the text colour.

Cheers
Magnus

.tribe-events-widget-events-list time.tribe-events-widget-events-list__event-datetime, .tribe-events-widget-events-list a.tribe-events-widget-events-list__event-title-link.tribe-common-anchor-thin, span.tribe-events-widget-events-list__event-date-tag-daynum.tribe-common-h2.tribe-common-h4–min-medium {
color: #bababa!important;
}

Hi @ilvered

I think I found the solution for your issue ( I had the same problem)

Try by adding this: (I made the text white:)

.tribe-events-widget-events-list time.tribe-events-widget-events-list__event-datetime, .tribe-events-widget-events-list a.tribe-events-widget-events-list__event-title-link.tribe-common-anchor-thin, span.tribe-events-widget-events-list__event-date-tag-daynum.tribe-common-h2.tribe-common-h4–min-medium {
color: white!important;
}
.tribe-common .tribe-common-h5, .tribe-common .tribe-common-h6 {
color: white!important;
}
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month
{
color: white!important;
}

For me it worked!

JP

Sorry, i forgot one line, add this one too:

.tribe-common .tribe-common-h2 {
color: white!important;
}

(this is the date number in white)

JP

@jpvanderlugt Thank you!

It works perfect! ??
Another thing I do not manage to arrange is that when I click on one of the links, it is underlined.
I have tried with text-decoration: none; without any result.

Cheers
Magnus

Hi @ilvered

Glad to hear that worked for you!

Can you provide me with a link to the page where you see the underlined link?

Thanks,
Jaime

@jaimemarchwinski at first the links are not underlined but after clicking on one of them they are underlined.

I do not have the widget on until I make it look correct. But I’ll put it in there for a while so you can watch. It is located to the right of the footer.

https://jonkoping.parbricole.se

Kind regards
Magnus

Hi @ilvered

I’m not seeing the links underlined after clicking on them. With that in mind, can you try clearing your cache and browser history and view your site in a private window to see if the issue still occurs?

Let me know!

Thanks,
Jaime

Morning @jaime,

I have tested as you wrote but the problem remains.

Pictures here: https://we.tl/t-MoZBoBPnd3

Thank you so much!
Regards
Magnus

When I click around on the pages on the website, the widget appears in several different ways. See pictures of the problem here: https://we.tl/t-REecStongc

I will not be able to use this if it is not possible to make it more stable.

Cheers
/M

Hi there,

My apologies for the delayed response.

We’ve had a few updates since you reported this issu. Can you please update and check if the problem still persists?

Thanks and best regards,

Marho

Hi there!

This thread has been inactive for a while so I’ll be marking it as Resolved.

Please feel free to open a new thread if any other questions come up and we’d be happy to help.

Best regards,

Marho