Title: Add HTML before event content Full Width
Last modified: August 30, 2016

---

# Add HTML before event content Full Width

 *  Resolved [EedAbba](https://wordpress.org/support/users/eedabba/)
 * (@eedabba)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/add-html-before-event-content-full-width/)
 * Hello,
 * I have used the Advanced Template Settings > Add HTML before event content to
   add in some code before the calendar. It nearly works.
 * I am adding a full width purple heading bar above the calendar. This bar can 
   be seen on every page of the site. The problem for me is, I can’t seem to get
   the bar to be full width like it is on the other pages of the site. It stretches
   the width of the calendar (boxed layout).
 * I’ve attached some links and the code I was using. Any help would be appreciated!!
   Your time is appreciated!! Thank you for a great plugin.
 * This is the url, though it is currently down:
    newfest.org
 * Here is a screenshot with it up:
    [http://newfest.org/wp-content/uploads/2015/06/Screen-Shot-2015-06-22-at-11.47.59-AM.png](http://newfest.org/wp-content/uploads/2015/06/Screen-Shot-2015-06-22-at-11.47.59-AM.png)
 * Some of the fonts and spacing are off too. I am most concerned by the full width,
   think I can figure out the rest.
 *     ```
       <div class="et_pb_section et_pb_fullwidth_section saied_purple_header et_section_regular" style="background-color: #3e1967; background-image: url('http://newfest.org/wp-content/uploads/2014/03/footer_image-copy.jpg');"><section class="et_pb_fullwidth_header et_pb_bg_layout_dark et_pb_text_align_left saied_purple_header">
       <div class="et_pb_row">
       <h1>Events</h1>
       <p class="et_pb_fullwidth_header_subhead" style="color: #fff;">Listings & Calendar</p>
   
       </div>
       </section></div>
       ```
   
 * [https://wordpress.org/plugins/the-events-calendar/](https://wordpress.org/plugins/the-events-calendar/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Thread Starter [EedAbba](https://wordpress.org/support/users/eedabba/)
 * (@eedabba)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/add-html-before-event-content-full-width/#post-6256846)
 * Sorry to post this ‘early’. Here is what I ended up doing for anyone trying to
   do the same. There is some odd top spacing on tablet and if you change the browser
   window while viewing the font bounces.
 *     ```
       #tribe-events-content-wrapper {
       margin: 20px 10% 0;
       }
   
       #tribe-events-pg-template {
       max-width:100%;
       }
   
       @media only screen and (max-width:768px) {
       #tribe-events-pg-template {
       padding: 0 !Important;
       }
       }
       ```
   
 * Along with some font changes to match the other pages.
 *  [Brook](https://wordpress.org/support/users/brook-tribe/)
 * (@brook-tribe)
 * [11 years ago](https://wordpress.org/support/topic/add-html-before-event-content-full-width/#post-6257102)
 * Thanks for sharing your solution!
 * – Brook

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Add HTML before event content Full Width’ is closed to new replies.

 * ![](https://ps.w.org/the-events-calendar/assets/icon-256x256.gif?rev=2516440)
 * [The Events Calendar](https://wordpress.org/plugins/the-events-calendar/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/the-events-calendar/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/the-events-calendar/)
 * [Active Topics](https://wordpress.org/support/plugin/the-events-calendar/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/the-events-calendar/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/the-events-calendar/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [Brook](https://wordpress.org/support/users/brook-tribe/)
 * Last activity: [11 years ago](https://wordpress.org/support/topic/add-html-before-event-content-full-width/#post-6257102)
 * Status: resolved