Home › Forums › Calendar Products › Events Calendar PRO › Need to change the colors on events page template
- This topic has 6 replies, 3 voices, and was last updated 9 years, 10 months ago by
Joshua.
-
AuthorPosts
-
July 7, 2016 at 9:54 pm #1137091
Joshua
ParticipantI am working to change the color of my events page so the days of the week are in white and not blue. I also want to increase the wrapper so the calendar is not so close to the ends of the page.
July 7, 2016 at 10:17 pm #1137095Geoff B.
MemberGood evening Joshua and welcome to the Events Calendar Support forum!
Thank you for reaching out to us.
I would love to help you with this topic.am working to change the color of my events page so the days of the week are in white and not blue.
I suggest adding the following CSS rule to your WordPress theme’s CSS file
.tribe-events-calendar tr th {color: #fff}I also want to increase the wrapper so the calendar is not so close to the ends of the page.
I would recommend the following CSS rule as a starting point.
.tribe-events-pg-template {max-width: 1200px; margin: auto;}
Let me know how that goes.Best regards,
Geoff B.July 8, 2016 at 8:01 am #1137229Joshua
ParticipantThat took care of the coloring on the month/day headers, but it still didn’t take care of the width issue.
And, I need to remove the bottom sidebar, and change the color of the pop-up overlay on the event days. See screen shot on that.
-JW
July 8, 2016 at 8:28 am #1137238Geoff B.
MemberGood morning Joshua,
Thank you for writing back.
I’m glad that the headers are fixed.
My apologies for the width, I actually made a mistake in the CSS rule.Here’s the corrected one:
#tribe-events-pg-template {max-width: 1200px; margin: auto;}As an alternative, you might want to try playing around with the Events Template setting found in Events -> Settings -> Display to see if that works for the width.
For the pop-up overlay (tooltip), try the following CSS rule:
#tribe-events-content.tribe-events-month .tribe-events-right .tribe-events-tooltip {
background-color: #fff;
}Finally, if by you want to remove the section that says “contact information” at the bottom of the calendar page, I would suggest giving the following CSS rule a shot
.post-type-archive-tribe_events #bottom {display:none;}Let me know how that goes.
Best regards,
Geoff B.July 8, 2016 at 8:35 am #1137242Joshua
ParticipantGeoff:
Thanks! My issues are solved…thanks so much for the great and fast assistance!
-JW
July 11, 2016 at 12:26 pm #1138305Geoff B.
MemberGood afternoon Joshua,
I’m stoked that we managed to tackle all of your issues!
You are welcome back on our support forums any time 🙂
For now, I am going to close this thread.
Have a great week!
Geoff B.
-
AuthorPosts
- The topic ‘Need to change the colors on events page template’ is closed to new replies.
