Add HTML before event content Full Width

  • Resolved EedAbba

    (@eedabba)


    9 years, 8 months ago

    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:
    https://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('https://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://www.ads-software.com/plugins/the-events-calendar/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter EedAbba

    (@eedabba)

    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

    (@brook-tribe)

    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.