Event fields too wide and not transparent

  • Hi,

    I love your theme and have been using it for years. Recently I ran into a display issue.

    I use a plugin called “The Events Calendar.” For a while they were allowing use of WP Classic Editor in addition to Gutenberg blocks. They are going to be disabling Classic. When I disable Classic mode (in preparation for them deprecating it), the event items appear in a white box on top of my custom theme color (green/tan). The box also partially obscures other information, such as the date, depending on the size of my browser window. In full screen the box doesn’t cover up dates, but smaller sizes do. On my mobile phone the opaque white box and obscuring issue shows as well.

    I contacted The Events Calendar, but they said it was a theme issue. I’ve changed every setting I can think of in the plugin, but nothing helps, except enabling Classic mode. Attached is a screen shot of the “Previous Events” page in Classic mode which shows how I would like it to look.

    I’ve linked above to the previous events page, since there is only one on the current event page (https://poetry.ruekberg.com/events/), but the problem happens in both places and in the sidebar widget.

    Any help you can give is appreciated.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thanks for using Startup Blog for so long!

    I didn’t get the screenshot for how it’s supposed to look, but I do see the styling error on the site. It looks like the newer implementation changes some of the HTML and the events are getting styled mistakenly by Startup Blog like posts.

    Adding the following CSS should correct this:

    .tribe_events.entry {
  background: none;
  border: none;
  box-shadow: none;
}
.tribe_events.entry:before {
  display: none;
}

    Please copy and paste that code into the Additional CSS section in the Live Customizer (Appearance > Customize), and it will take effect right away.

    If there are further modifications needed just let me know and I can provide additional CSS.

    Thread Starter David Ruekberg

    (@druekberg)

    OMG, thank you for the FAST reply and the PERFECT solution. I’m not a coder so I would never have been able to do that myself.

    Yeah, the screenshot showed the old layout, but mainly I wanted to have the info box be transparent so my custom background color showed and so the text didn’t overlap. It works! Thank you so much!

    Theme Author Ben Sibley

    (@bensibley)

    Great, glad that worked well for you!

    Stay in touch if you need anything else and I’ll be happy to help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Event fields too wide and not transparent’ is closed to new replies.