Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • March 1, 2023 at 3:32 pm #1399684
    sarthakchoudhary

    Hey I want to have background image in footer only on home page and it should remain white background throughout the website.

    March 2, 2023 at 6:41 am #1399750
    Nikko

    Hi sarthakchoudhary,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS: (just replace the url with the image you want to use)

    .home #footer {
    background-image: url(https://website.com/themes/wp-content/uploads/2023/03/footer_bg.jpg);
    background-size: cover;
}

    Hope it helps.

    Best regards,
    Nikko

    March 2, 2023 at 6:25 pm #1399868
    sarthakchoudhary

    What if I want to use image I have uploaded on my footer template as a background?

    March 2, 2023 at 11:06 pm #1399907
    Nikko

    Hi sarthakchoudhary,

    Are you referring to using a page as a footer? if yes, then you can easily do that via Color Section.

    Best regards,
    Nikko

    March 10, 2023 at 4:02 am #1400625
    sarthakchoudhary

    Yes I’m using that itself.
    But how can I have different background on my pages if I am using a common page as a footer

    March 10, 2023 at 9:32 pm #1400782
    Nikko

    Hi sarthakchoudhary,

    Please go to Enfold > General Styling > Footer (tab) > Background Image set to Upload custom image then add the Custom Background Image
    Hope it helps.

    Best regards,
    Nikko

    March 13, 2023 at 6:02 pm #1401058
    sarthakchoudhary

    But I want to use different background image for footer on different pages.
    For eg : I want my home page footer to have a a background image but my contact us page to be without a footer background.

    March 14, 2023 at 4:28 pm #1401155
    Nikko

    Hi sarthakchoudhary,

    I see, then I think you should only add it via CSS.
    Just add this CSS code in Enfold > General Styling > Quick CSS:

    .page-id-1 #footer {
    background-image: url(https://website.com/themes/wp-content/uploads/2023/03/footer_bg.jpg);
    background-size: cover;
}

    Then just replace 1 in page-id-1 with the correct ID number.
    Here’s how you can find the page id number: https://wpdatatables.com/how-to-find-page-id-in-wordpress/
    If you need to apply it in multiple pages, just copy and paste the code and replace the ID.
    Hope it helps.

    Best regards,
    Nikko

    March 15, 2023 at 4:38 am #1401206
    sarthakchoudhary

    Hey I tried doing this but the background is not visible. I am attaching my site credentials for you to look into the matter.

    March 15, 2023 at 6:09 pm #1401285
    sarthakchoudhary

    Hey any update? Please look into this issue fast !

    March 17, 2023 at 4:37 am #1401479
    Nikko

    Hi sarthakchoudhary,

    I apologize for the delayed response.
    I checked the Quick CSS and also in THeme Customizer but I did not find the code I gave.
    Can you put the page URL and the background image you want to put in its footer in the private content? then I’ll add the CSS code for you.

    Best regards,
    Nikko

    March 17, 2023 at 10:11 am #1401505
    sarthakchoudhary

    I tried but the code didn’t worked so I removed it. I have attached the details you asked below.

    March 18, 2023 at 3:31 pm #1401602
    Nikko

    Hi sarthakchoudhary,

    I have replaced the code with this one:

    .home #footer-template {
    background-image: url(https://website.com/themes/wp-content/uploads/2023/03/footer_bg.jpg);
    background-size: cover;
}

    Please review your site.

    Best regards,
    Nikko

    March 19, 2023 at 6:01 am #1401658
    sarthakchoudhary

    Thank you its working

    March 19, 2023 at 1:46 pm #1401681
    Mike

    Hi,
    Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Footer background’ is closed to new replies.