Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1343052

    We are using The Event Calendar with the Enfold theme. The calendar display setting is set to the Tribe Event Styles and we are happy with it, except we want the page title headings to be wide width like the other pages. We added the current heading in the Tribe html before calendar event content as follows:

    <div style=”background-color: #0355a1!important; color: #ffffff!important; text-align: left; height: 100px; padding-left: 20px; margin-bottom: 40px;”>
    <h2 style=”padding-top: 30px; color: #ffffff!important;”>Upcoming Events</h2>

    Is there a better way to do this using the functions file or customizing the Event Calendar template? I realize you don’t offer customization advice, but just wondering if you could offer advice on getting the heading to go full width. Website link is below. Thank you.


    Hey GWS,
    Thank you for your patience and the link to your pages, it looks like what you have done is good, the only other alternative I can think of is to create a script to inject the same div you have, but since you already have it that wouldn’t make sense to do.
    Is there something that you don’t like about your solution?

    Best regards,


    Thanks for taking a look. We’d like the page title with blue background to go full width instead of fixed width. Is that possible to do within the Event Calendar html setting, or would the template need to be copied over and altered to include the Enfold full width?


    To have the blue heading full-width for the calendar page please try this css, it should work for all archive-tribe_events pages, so check for this and conflicts and let us know if it needs adjusting. .tribe-events-before-html {
      width: 100vw !important; 
      position: relative !important; 
      left: calc(-50vw + 50%) !important; 
    } .tribe-events-before-html > div > h2 {
    	margin: auto;

    After applying the css, please clear your browser cache and check.

    Best regards,


    Perfect! Thank you for your guidance. We love Enfold!


    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Add Enfold Page Headings to The Events Calendar pages’ is closed to new replies.