Hi there, could you please review my previous reply and help me with the layout so it would look the same as other content pages FULLWITH background image and TRANSPARENT HEADER.

I added the filter to functions.php file also, but don’t see any transparent header.

Looking forward to your reply.

Thank you.

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

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?

Thank you!

Are you quite sure it would solve my issue with Enfold very well developed Advanced Layout Builder? For sure I will upgrade WC, but I’m not sure that the Variable Product plugin would work. And it’s supposed to be one of the best. For now I was trying to seek some solution of shortcode with Advanced Layout builder “Custom Code”, but many of the options I tried wouldn’t work. If you see the website in the Private Content, then you see I have tried some shortcode there, but image does not display. I have build many sites on your theme, and I very much love your theme, but now I’m just stuck with this option where user could choose color and material and he/she could see image changing on the side and decide which one to purchase. I feel that it could work with some custom programming.

I had my things fixed thank you. It just needs proper image size to be added and optimized to 100% width.

I think I got it now : ) Actually, instead of 2 scripts I had to add 2 shortcodes in one script. So the script would look like this…

add_filter(‘ava_before_footer’, ‘ava_after_main_container_mod’, 20, 1);
function ava_after_main_container_mod($the_id) {
if(is_singular(‘post’)) {
$output = ‘<div id=”single-post-slider” class=”avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll container_wrap fullsize”>’;
$output .= ‘<div class=”container”>’;
$output .= ‘<div class=”template-page content av-content-full alpha units”>’;
$output .= do_shortcode(“[av_heading heading='LOE VEEL: ' tag='h3' style='blockquote modern-quote modern-centered' size='23' subheading_active='' subheading_size='15' padding='10' color='custom-color-heading' custom_font='#222222'][/av_heading]“);
$output .= do_shortcode(“[av_postslider link='category,42,58,135,127,124,123,122,131' columns='4' items='-1' offset='0' contents='title' preview_mode='custom' image_size='portfolio' autoplay='no' interval='5']“);
$output .= do_shortcode(“[av_heading heading='MEIE TOOTED: ' tag='h3' style='blockquote modern-quote modern-centered' size='23' subheading_active='' subheading_size='15' padding='10' color='custom-color-heading' custom_font='#222222'][/av_heading]“);
$output .= do_shortcode(“[av_postslider link='portfolio_entries,137,168,169,170,171,172,138,179,136,139,140,100' columns='4' items='-1' offset='0' contents='title' preview_mode='custom' image_size='portfolio' autoplay='no' interval='5']“);
$output .= ‘</div>’;
$output .= ‘</div>’;
$output .= ‘</div>’;
echo $output;
}
}

Hi,

In my opinion I did exactly as you wrote. I renamed the function name, now also deactivated offset. Still, when I look at the post, I see only 1 slider there: http://www.oot-oot.com/en/nordic-lifestyle-blogs-read/

This is what I have in FUNCTIONS.PHP file:

1)
add_filter(‘ava_before_footer’, ‘ava_after_main_container_mod’, 20, 1);
function ava_after_main_container_mod($the_id) {
if(is_singular(‘post’)) {
$output = ‘<div id=”single-post-slider” class=”avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll container_wrap fullsize”>’;
$output .= ‘<div class=”container”>’;
$output .= ‘<div class=”template-page content av-content-full alpha units”>’;
$output .= do_shortcode(“[av_postslider link='category,1,32,133,102,120,33,118,14' columns='4' items='8' offset='0' contents='title' preview_mode='auto' image_size='masonry' autoplay='no' interval='5']“);
$output .= ‘</div>’;
$output .= ‘</div>’;
$output .= ‘</div>’;
echo $output;
}
}

2)
add_filter(‘ava_after_postslider’, ‘ava_after_postslider_container_mod’, 20, 1);
function ava_after_postslider_container_mod($the_id) {
if(is_singular(‘post’)) {
$output = ‘<div id=”single-post-slider” class=”avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll container_wrap fullsize”>’;
$output .= ‘<div class=”container”>’;
$output .= ‘<div class=”template-page content av-content-full alpha units”>’;
$output .= do_shortcode(“[av_postslider link='category,100,140,139,136,138,172,171,170,169,168,137' columns='4' items='8' offset='0' contents='title' preview_mode='auto' image_size='masonry' autoplay='no' interval='5']“);
$output .= ‘</div>’;
$output .= ‘</div>’;
$output .= ‘</div>’;
echo $output;
}
}

I see, I will try it. Can I also have a title, some text before each of these sliders? I would love to show a title in front of each slider, so it’s clear, what each slider is about.

I see that it works: http://www.oot-oot.com/en/nordic-lifestyle-blogs-read/.

1) And if I want to have 2 sliders with a bit of headlines there, should I just copy this script twice in the functions.php file and change the categories? So, if I would like to achieve something like this: http://www.oot-oot.com/wp-content/themes/oot-oot/images/2-sliders.jpg

2) Oh and, by the way, the space between the social buttons and slider is quite big there.