Need to change the colors on events page template

Home Forums Calendar Products Events Calendar PRO Need to change the colors on events page template

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1137091
    Joshua
    Participant

    I 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.

    #1137095
    Geoff B.
    Member

    Good 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.

    #1137229
    Joshua
    Participant

    That 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

    #1137238
    Geoff B.
    Member

    Good 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.

    #1137242
    Joshua
    Participant

    Geoff:

    Thanks! My issues are solved…thanks so much for the great and fast assistance!

    -JW

    #1138305
    Geoff B.
    Member

    Good 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.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Need to change the colors on events page template’ is closed to new replies.