CSS Code needed to Align Day Titles…

[Terry Sullivan]

Please take a look at my buzzpro.com/events on your digital phone, and you will see the day title “Sun” is running off the blue header to the right. (All the day titles are aligned on my Mac.) Would you please send me the CSS code that will align my day titles to the left a bit on my digital phone?

Thank you, Cliff!

~Terry

[Geoff]

Hey Terry!

It looks like the theme’s CSS is overriding the calendar. Try adding this to your child theme’s style.css file or in a plugin like Simple Custom CSS:

.tribe-events-calendar thead th {
padding: 7px 1em !important;
}

Does that do the trick? Please let me know. 🙂

Cheers,
Geoff

[Terry Sullivan]

HI Geoff,

I added the CSS coding your provided, but it still doesn’t work. Can I possible give you access to my site so you can take a look a my CSS coding? If so, what’s the best way to give you this access so no one else sees my stuff?

Thank you for your help!

~Terry

[Geoff]

Hi Terry, thanks for following up!

I’m afraid I am unable to log into the back end of your site per our service terms. That said, I’m happy to keep helping you out here in the forums as best I can. 🙂

It doesn’t look like the CSS code stuck–or at least, I’m not seeing it when I inspect the site. I see it added to the Simple Custom CSS plugin, but it doesn’t seem to be doing anything, which is weird.

Another idea is try adding this:

.events-gridview .bSe table thead th {
padding: 1em 0 !important;
}

Let’s give that a shot.

Cheers!
Geoff

[Terry Sullivan]

Geoff,

Let me begin by saying thank you very much for your amazing, friendly help. I’m new to the CSS world, and it can be very intimidating… You are very, very help.

You CSS coding suggestion worked perfectly… THANK YOU, GEOFF!!!

[Terry Sullivan]

THANK YOU GEOFF!!!

[Geoff]

My pleasure! Thanks again for reaching out–I’m stoked that helped. 🙂

[Author]

Posts