Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 6, 2015 at 6:47 pm #424124
    sasha

    I want to make 4 different designs for the header and footer – different logos and different background color for the footer.
    How do I do this?

    April 6, 2015 at 6:49 pm #424125
    Yigit

    Hi sasha!

    Can you please post a screenshot showing the changes you would like to make and link to your website please?

    Cheers!
    Yigit

    April 6, 2015 at 6:54 pm #424133
    sasha

    Hi,

    Thanks for the fast reply.

    I don’t have a screenshot but the idea is to have 4 pages that each of them has a different logo and a different background for the footer.

    For ex.: a page with logo1 with red footer, a page with logo2 with blue footer…

    April 6, 2015 at 6:57 pm #424137
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .page-id-59 #footer {
  background-color: orange;
}
.page-id-55 #footer {
  background-color: red;
}

    You need to change page ID’s to target each page. You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg

    And to display different logos, please add following code to Functions.php file in Appearance > Editor

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

    Cheers!
    Yigit

    April 7, 2015 at 2:30 am #424382
    sasha

    Works great!!!

    2 more questions on this:
    1. What if I added a widget area to the header and I want to change it’s color on different pages?
    2. Is there a way to make it easy to duplicate the design to other pages without needing to add the page id each time?

    Thanks

    April 7, 2015 at 3:00 pm #424717
    Yigit

    Hi!

    1- Can you please post the link to your website so we can provide you an accurate custom CSS code?
    2- You are going to need to adjust the page ID or add inline CSS to your page. Adding page ID sounds simpler to me :)

    Cheers!
    Yigit

    April 17, 2015 at 5:36 pm #430468
    sasha

    Hi,

    The id solution works fine but if I want to make many pages of each color – adding IDs seems not so right. Is there a way to make a 4 different templates – a template for each color which switches the header and footer?

    April 17, 2015 at 5:57 pm #430485
    Yigit

    Hi!

    You can apply to multiple pages by changing following line

    if(is_page(59) )

    to following

    if(is_page( array(59,3548,4176,4306,3546 ) ))

    If you would like to create a new template, please see – https://codex.wordpress.org/Page_Templates

    Regards,
    Yigit

    April 18, 2015 at 11:01 pm #430770
    sasha

    What would be the right way to write the css for many pages?

    Instead of

    .page-id-59 #footer {
    background-color: orange;
    }
    .page-id-55 #footer {
    background-color: red;
    }

    April 18, 2015 at 11:25 pm #430778
    sasha

    only this works:
    if(is_page(59) )

    when I try this for many pages:

    if(is_page( array(59,3548,4176,4306,3546 ) ))

    It doesn’t work – any idea why and how to solve this?

    April 18, 2015 at 11:30 pm #430780
    sasha

    ignore the last comment – It works after deleting the spaces…

    April 18, 2015 at 11:43 pm #430782
    sasha

    All works great. Many thanks.

    April 20, 2015 at 9:51 am #431176
    Rikard

    Hey!

    Great, glad you got it worked out :)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.