Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 30, 2014 at 3:16 am #360192
    pelyon

    Hi,

    Is there a way in enfold to have a group of pages with a different header image than the rest of the site? These pages represent an separate but affiliated group and want to have their own branding. Thanks!

    -Pelyon

    December 1, 2014 at 1:51 am #360512
    Ismael

    Hi Jason!

    Thank you for using Enfold.

    When you say header image, you mean the logo? You can add this on functions.php:

    add_filter('avf_logo','avf_new_logo_url');
function avf_new_logo_url($use_image){
	if(is_page('PAGE NAME OR ID HERE')) {
		$use_image = "http://kriesi.at/wp-content/themes/kriesi/images/logo.png";
	}
	return $use_image;
}

    Change the image url then add the page name or id.

    Best regards,
    Ismael

    December 1, 2014 at 6:30 am #360620
    pelyon

    Thanks Ismael! That worked, however, can I add several page id’s instead of just the one? Also, in addition to changing the logo on these pages, I would like to use a new custom background image for my logo image. Is that possible too? Many thanks,

    -Pelyon

    December 1, 2014 at 4:46 pm #360847
    Yigit

    Hey!

    You can target more pages as following

    add_filter('avf_logo','avf_new_logo_url');
function avf_new_logo_url($use_image){
	if(is_page('59') || is_page('79')) {
		$use_image = "http://kriesi.at/wp-content/themes/kriesi/images/logo.png";
	}
	return $use_image;
}

    Best regards,
    Yigit

    December 1, 2014 at 8:14 pm #360988
    pelyon

    Thanks Yigit, that worked great.
    One final thing. Since the logo only occupies the center area of the header, I would also like to use a new custom background image for the header area behind the logo. Is that possible? Again, many thanks,

    -Pelyon

    December 1, 2014 at 8:23 pm #360998
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab to change header background color on certain pages

    .page-id-59 #header_main, .page-id-79 #header_main { background-color: red; }

    If that does not work, please post the link to your website

    Regards,
    Yigit

    December 1, 2014 at 9:50 pm #361074
    pelyon

    Hi Yigit,
    It worked fine, thanks. I wanted a different backgound-image, so I used
    .page-id-59 #header_main, .page-id-79 #header_main {
    background-image: url(“http, etc”);
    }
    And that worked as well. Many thanks once again!!

    -Pelyon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Pages with a different header image’ is closed to new replies.