How to change the month heading background on list view

Home Forums Calendar Products Events Calendar PRO How to change the month heading background on list view

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1296355
    Jane
    Participant

    Hi there. I’ve just started testing out events calendar pro. I’m using a shortcode [tribe_events view=”list” ] but the month heading background is different to the colour on the standard events calendar page.

    I’ve tried changing the settings in the theme options (I’m using Avada theme), but this did not help.

    Is there any easy way to fix this or do I need to change code? something I’m not too comfortable with but if you have information that can help me, I could give it a go.

    Thank you
    Jane

    #1296870
    Jennifer
    Keymaster

    Hi Jane,

    Thanks for reaching out!

    I’d be happy to help you get this changed, but could you please send me links to the page with the shortcode and to your main events page? I’ll take a look and see what I can suggest!

    Thanks,

    Jennifer

    #1297591
    Jane
    Participant

    Hi Jennifer

    Here is a test page showing using the shortcode – http://bodymastery.co/a-test-event-calendar/

    And here is the link to the calendar http://bodymastery.co/online-events/

    See how the month headings are different.

    Thanks for your help.
    Jane

    #1298155
    Jennifer
    Keymaster

    Hi Jane,

    Thanks for sharing those links! I took a look, and I’m not quite sure why the color is different for the shortcode. I tried recreating this on my end using Avada, and both the main calendar and the shortcode had the same colors. However, adding this to your Appearance > Customize > Additional CSS area should get the shortcode to be the right color:

    .tribe-events-shortcode .tribe-events-list-separator-month {
    background-color: #e9a825 !important;
    }

    Let me know how that works for you!

    Thanks,

    Jennifer

    #1298203
    Jane
    Participant

    Hi Jennifer
    Thank you so much!!

    I put the code into the customize menu (as you advised), but this did not work.

    So I popped it in Avada > Theme Options > Custom CSS and it worked. Yay!

    I really appreciate your help.

    Jane

    #1298342
    Jennifer
    Keymaster

    Hi Jane,

    Glad to hear this worked for you and that you found the right area to add the CSS!

    Since this thread has been marked “resolved”, I’ll go ahead and close it out. Please feel free to open a new one if you have any further questions!

    Thanks,

    Jennifer

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to change the month heading background on list view’ is closed to new replies.