Assign the Transparent header to a custom category archive

Hi,

This code actually messes up entire site. It doesn’t affect only Events page. Could you try to be more specific please?

My bad. The code was invalid. We modified it a bit. Please try it again

But how do I add an image background to that layout? Do I use a shortcode, or do I have to hard code some code into Events page template?

Yes, you can use existing theme shortcodes or you can create your own html layout.

Best regards,
Ismael

Hi,

Yes, you should keep the previous filter. You have to use the do_shortcode function.

// https://developer.wordpress.org/reference/functions/do_shortcode/

Example:

add_action( 'ava_after_main_container', 'ava_after_main_container_mod' );
function ava_after_main_container_mod() {
	if( is_post_type_archive( 'tribe_events' ) ) {
    echo do_shortcode("[av_section min_height='50' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='http://intelsys.build/wp-content/uploads/2017/07/download-intelsys-build-whitepaper.jpeg' attachment='448' attachment_size='full' attach='scroll' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.5' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' custom_class='']
<span style=”color: #ffffff;”>We are looking forward to meeting you at our events and industry conferences.</span>
[/av_heading]
[/av_section]");
	}
}

If there is layout issue after using the shortcode, try to use the actual html instead.

Best regards,
Ismael

Hi,

I tried to access the login page but it doesn’t exist. I also tried “wp-admin” and “wp-login” but it’s still not working.

Best regards,
Ismael

Hi,

We modified the code in the functions.php file.

add_action( 'ava_after_main_container', 'ava_after_main_container_mod' );
function ava_after_main_container_mod() {
	if( is_post_type_archive( 'tribe_events' ) ) {
    echo '<div id="av_section_1" class="avia-section avia-section-events main_color avia-section-large avia-no-border-styling avia-full-stretch av-section-color-overlay-active avia-bg-style-scroll avia-builder-el-0 el_before_av_upcoming_events avia-builder-el-first av-minimum-height av-minimum-height-50 container_wrap fullsize" style="background-repeat: no-repeat; background-image: url(https://intelsys.build/wp-content/uploads/2017/07/download-intelsys-build-whitepaper.jpeg); background-attachment: scroll; background-position: center center; " data-section-bg-repeat="stretch"><div class="av-section-color-overlay-wrap"><div class="av-section-color-overlay" style="opacity: 0.5; background-color: #000000; “></div><div class="container"><main role="main" itemprop="mainContentOfPage" class="template-page content av-content-full alpha units"><div class="post-entry post-entry-type-page post-entry-431"><div class="entry-content-wrapper clearfix">
<div style="padding-bottom:10px;color:#fcca0a;font-size:79px;" class="av-special-heading av-special-heading-h1 custom-color-heading blockquote modern-quote modern-centered avia-builder-el-1 avia-builder-el-no-sibling av-inherit-size “><h1 class="av-special-heading-tag " itemprop="headline"><span style="font-weight:900">UPCOMING EVENTS</span></h1><div class="av-subheading av-subheading_below av_custom_color " style="font-size:17px;"><p><span style="color:#ffffff">We are looking forward to meeting you at our events and industry conferences.</span></p>
</div><div class="special-heading-border"><div class="special-heading-inner-border" style="border-color:#fcca0a"></div></div></div>
</div></div></main><!– close content main element –></div></div></div>';
  }
}

add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 9999, 1);
function avf_header_setting_filter_mod($header) {
	if( is_post_type_archive( 'tribe_events' ) ) {
    $header['header_transparency'] = 'header_transparency';
    $header['header_class'] .= ' av_header_transparency';
  }
	return $header;
}

And then added the css code in the Quick CSS field.

.avia-section-events {
    min-height: 50vh;
}

Please remove browser cache or hard refresh before checking the page.

Best regards,
Ismael