Need a little help with CSS

[karen]

ok.. Hoping this is easy and you can point me in the right direction. As you can see the text is not aligned with the top of the graphic here. Hopefully the answer is simple. thanks!

[Cliff]

Hi Karen. Please provide a link to the page(s) this is visible on and I can provide you a CSS snippet to help get you on your way.

[karen]

Hi Cliff, This is interesting. If I go to the LIST, it looks fine.
But if I go to the monthly calendar and choose to see the remainder of the events for a day, it breaks it.
Here is a link.
http://southernarizonaguide.com/events/2016-09-10/
thanks!

[Cliff]

Karen, what am I comparing that URL to? (I just want to be sure.)

Feel free to share any screenshots that may help.

[karen]

Attached is the list view. What it should look like. I previously attached the malformed one, but here it is again.

[Cliff]

And what’s the URL to see that previously-attached screenshot?

[karen]

so the good one is a list view.
http://southernarizonaguide.com/events/list/?tribeHideRecurrence=1&tribe-bar-date=2016-09-10

the bad one is a DAY view
http://southernarizonaguide.com/events/2016-09-10/

[Cliff]

Thank you.

This is because of CSS coming from your theme. More info in this video.

Here’s some CSS that should make things how you’re wanting:

body.post-type-archive-tribe_events .entry-summary {
clear: none;
}

You can add custom CSS code via your child theme’s style.css file or via a plugin like Simple Custom CSS or, my favorite, Jetpack. Jetpack supports regular CSS and the LESS and Sass pre-processors.

If you’re not a CSS expert, Jetpack’s Custom Design reference may prove helpful.

Please let me know how it goes for you.

[karen]

thank you.. that worked. I appreciate the painless help.

[Cliff]

You bet. Have a great rest of your week!

[Author]

Posts