Tagged: full width image
Hey guys,
I would like some assistance to get a full width image under the main menu. I saw something (that worked) already here:
https://kriesi.at/support/topic/enfold-full-width-image/
But i would like different images on different pages (and some without). Is this possible and so yes how?
As an example: Theme demo > pages
Thank you already!
Mark
Hi Mark!
You could try modifying the code:
function after_head_image_func($content){
if(is_page(1)){
echo "<div class='custom_content'><img src='_URL_'></div>";
}elseif(is_page(2)){
echo "<div class='custom_content'><img src='_URL_'></div>";
}elseif(is_page(3)){
echo "<div class='custom_content'><img src='_URL_'></div>";
}elseif(is_page(4)){
echo "<div class='custom_content'><img src='_URL_'></div>";
}elseif(is_page(5)){
echo "<div class='custom_content'><img src='_URL_'></div>";
}else{
echo ""; // shows nothing
}
}
add_action('ava_after_main_container', 'after_head_image_func');
1-5 would be the Page IDs, you can duplicate that as times as you want.
Regards,
Josue
Hi Josue,
Thanks, works like a charm. Could you maybe fill me in with one other question: how to get the little icons in front of the sidebar menu?
Thanks already!
Regards,
Mark
Hi Mark,
Can you post the link to your website please? i don’t know what little icons you are referring to.
Regards,
Josue
Dear Josue,
Sure. http://www.francaispourlesetrangers.eu/blog
It is used on the Enfold demo site as well. main menu > features. (then the sidebar menu on the left).
Do you know how to create a thicker border on the footer as well. If i change it in CSS it will add a thicker border to all the borders on the website.
Thanks Josue!
Hi!
1. That’s a Tab element.
2. Try adding this to the Quick CSS:
#footer {
border: 10px solid white;
}
Best regards,
Josue