Changing Mobile Month View Background Color Issue

  • Resolved ingkabir

    (@ingkabir)


    1 year, 4 months ago

    I installed and configured the plugin. All good, and the only issue is that the plugin inherits my theme’s color for the background color of the month view on mobile devices, but it looks all fine on the desktop version.

    I tried this code in my style.css to no avail.

    @media only screen and (max-width: 766px) {.tribe-events-calendar-month {    background-color: #ffffff; /* Change this color to the desired color */}}
    • This topic was modified 1 year, 4 months ago by ingkabir.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Darian

    (@d0153)

    Hi @ingkabir

    Thanks for reaching out. Let me help you with this one.

    Could I ask for the URL of your calendar page and a screenshot of which background color is the issue? I want to check it further on my side.

    Looking forward to your reply.

    Thread Starter ingkabir

    (@ingkabir)

    Hi, thank you Darian.

    Website URL is: https://shorturl.at/imtLU

    Image: https://ibb.co/mzDMLVN

    • This reply was modified 1 year, 4 months ago by ingkabir.
    • This reply was modified 1 year, 4 months ago by ingkabir.
    • This reply was modified 1 year, 4 months ago by ingkabir.
    Plugin Support Darian

    (@d0153)

    Hi @ingkabir

    Thanks for your reply.

    Could you try adding the following CSS to Appearance > Customize > Additional CSS, and see if that works for you.

    .tribe-common button, .tribe-common button:focus, .tribe-common button:hover, .tribe-theme-twentyseventeen .tribe-common button:focus, .tribe-theme-twentyseventeen .tribe-common button:hover, .tribe-theme-twentytwenty .tribe-common button{
    background-color: transparent !important;
}
.tribe-events .tribe-events-calendar-month__day-cell--selected, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .tribe-events .tribe-events-calendar-month__day-cell--selected:hover{
    background-color: var(--tec-color-accent-primary) !important;
}

    Let me know how it goes.

    Thread Starter ingkabir

    (@ingkabir)

    Awesome, it worked like a charm. You’re the real MVP.

    Plugin Support Darian

    (@d0153)

    Hi @ingkabir

    Thanks for your confirmation and I’m glad that it is now working.

    If you have some time to review, that would be amazing!

    https://www.ads-software.com/support/plugin/the-events-calendar/reviews/

    I’d be closing this thread, and please do not hesitate to bump a new thread on our way. This allows us to track topics/issues efficiently and follow the WordPress Forum Guidelines.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing Mobile Month View Background Color Issue’ is closed to new replies.