Widget changing background-text’s color

  • Resolved lucacubisino

    (@lucacubisino)


    6 years, 4 months ago

    Hi, I have updated the latest version of the events calendar. The background color (blue) under the text’s sidebar widget (events list), is not appearing anymore in the home page and other pages, so I had to change the background color of the whole page in order to get the white text visible. However, in the calendar and event’s pages are working and the blu color under the text is displayed. Here are the two examples: https://www.sangiacomofestival.it and https://www.sangiacomofestival.it/events. Please, let me know how I can fix this. Thank you, Luca

    The page I need help with: [log in to see the link]

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

  • Hi there,

    Sorry to hear that you’re having issues with your widget display. I will try to help figure this out.

    I tried checking this on a test site, and the background color that I have set in the customizer is showing up on the featured events in my list widget.

    Can you try going in to the customizer settings, in Customizer > The Events Calendar > General Theme, and choosing a custom color for “Featured Highlight Color”? Make sure it is set to use a custom color.

    Does that fix things for you? Let me know.

    Thanks,
    Sky

    Thread Starter lucacubisino

    (@lucacubisino)

    Thank you for your response, Sky. However, changing the color settings from the Customizer doesn’t solve my issue. It changes the color only where it is already appearing.

    Hey @lucacubisino,

    Can you give this CSS a shot:

    .tribe-events-list-widget .tribe-event-featured {
background-color: blue;
}

    You’ll want to change blue to whatever color you desire.

    Let us know if this helps!
    -Ed

    Thread Starter lucacubisino

    (@lucacubisino)

    I used this CSS:

    .tribe-events-list-widget .tribe-event-featured {
    background-color: #015030;
    }

    It changes the color on the pages where it’s already working. So, home page still the same… ??

    Hi @lucacubisino,

    In order to make it work on the home page as well, you may add the following snippet:

    .home .tribe-events-list-widget .tribe-event-featured {
  background-color: #015030;
}

    In case that still doesn’t work, add an !important to your first snippet, like this:

    .tribe-events-list-widget .tribe-event-featured {
  background-color: #015030 !important;
}

    I hope this helps.

    Cheers,
    Jeremy

    Thread Starter lucacubisino

    (@lucacubisino)

    Wonderful, the following worked perfectly for all the pages with the problem:

    .tribe-events-list-widget .tribe-event-featured {
    background-color: #015030 !important;
    }

    Thank you so much!!
    Luca

    I have a somewhat similar problem.

    My events show up fine on a laptop but when viewed on a phone or a tablet, I have the white text on white field problem in the list view and individual event view.

    With free accounts, I don’t have access to edit CSS. Do you think in future editions a choice could be added to List-Style Views in the the Customizing section to change either the font color or field color?

    Regards,
    Brian

    Thread Starter lucacubisino

    (@lucacubisino)

    CSS editing is possible for free accounts.

    I think you’re talking about a WordPress.com free account?

    You can submit this as a The Events Calendar feature request > https://tribe.uservoice.com/forums/195723-feature-ideas

    Take care,
    Ed ??

    Thanks for your reply, Ed

    I have the free version of The Events Calendar but not the free version of WordPress.

    I submitted my issue via the link you provided.

    Regards,
    Brian

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Widget changing background-text’s color’ is closed to new replies.