Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1097701

    Hi,

    The event calendar has feature event CSS that makes the background blue and the font white. This works in the calendar view, but in list view, the tribe events background color is being overlaid by the enfold .av-tribe-events-content-wrap background color. The font is still white, making it nearly invisible. This is a big problem for mobile since it uses list view.

    I’ve made numerous attempts to fix this with CSS, with no result. The only thing that worked was changing the opacity of the enfold .av-tribe-events-content-wrap background color. I need a better solution because that’s still not easy to read, especially for our older audience.

    Thank you!
    Keri

    #1098620

    Hey keribird,

    What is the page that we can see the event plugin so we can understand the issue and provide the correct CSS?

    Best regards,
    Basilis

    #1099110

    https://yourhealthandwellbeing.org/events/
    Note the featured event in blue. Find that same event in list view.
    https://yourhealthandwellbeing.org/events/list/

    #1099785

    Hi keribird,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    #1101191

    This is what your theme is creating because it is overlaying the tan background on top of the tribe feature background color.
    https://www.dropbox.com/s/r6yhrilum0pfsrc/featured%20event.png?dl=0

    I just want to get rid of the unwanted overlaid background in these two divs so the intended tribe background color can show.
    av-tribe-events-content-wrap
    and
    tribe-events-venue-details (shows in mobile/small screens) you can see better here where I’ve reduced the opacity of the content wrap bg: https://www.dropbox.com/s/tc9itl9zse8xqkh/mobile.png?dl=0
    The tan backgrounds are covering the tribe featured-event-bg which is why you can see the blue when the opacity is reduced.
    https://www.dropbox.com/s/sc67vysvsscvaxl/css%20root.png?dl=0

    #1101194

    the following was achieved by making the theme backgrounds transparent. The problem is that effects the non-featured events, too. So it’s not a permanent solution.
    Another issue is that the Event title needs to be white when it is on the feature background, but I can’t change it without changing the non-featured events.
    Also, in mobile view, the ticket price and button are running into the description text.
    https://www.dropbox.com/s/45vicvvd3r9lofx/feature%20event%20blue.png?dl=0

    • This reply was modified 5 years, 7 months ago by keribird.
    #1103858

    Hi,

    Thank you for sharing the details. I checked your site on Google Chrome the events list appears fine on my end. But to increase the gap between the text and buttons please use the below CSS.

    #tribe-events .entry-summary {
        padding-bottom: 40px;
    }

    Best regards,
    Vinay

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.