Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 19, 2014 at 12:34 pm #337938
    speedraleigh

    I want to put an image/background in the footer that ‘contains/stretches’ to the full width of the browser, while keeping its original aspect ratio?

    How can this be done? I’ve tried many things with varied results.

    I suspect some css will work well when I set a background image to the footer?

    Just to clarify, I want the image/background to maintain aspect ratio and fit to the full width to the browser window.

    Thanks

    Brett

    October 20, 2014 at 4:16 am #338116
    Ismael

    Hey speedraleigh!

    Thank you for using Enfold.

    It depends on the image size. What is the size of the image background that you want to use? You can add the background image on Enfold > General Styling > Footer panel. Look for the Background Image option.

    Regards,
    Ismael

    October 20, 2014 at 5:24 am #338131
    speedraleigh

    Hi Ismael,

    I am aware of what you have said.

    What I want to know is how do you set this background to contain to whatever the browser size is and keep its aspect ratio. Like when an image resizes when the window changes size.

    I really hope someone can tell me how to do this. Assuming its possible. I have also searched the forum extensively for probably an hour, and there is no one that has asked the same, GRRRRR

    October 20, 2014 at 9:17 pm #338643
    Yigit

    Hi!

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

    .footer_color { background-size: cover; }

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

    Regards,
    Yigit

    October 21, 2014 at 1:02 pm #338985
    speedraleigh

    Yo,

    No luck with it. It made the footer background no longer appear at all. I’ve resorted to put the image by way of html/text widget. But I am still keen to do it as full width and containing to the area of the browser. Thanks in advance.

    Here is the link, http://www.ralstardesign.com.au/escapeproject

    Can I make a big suggestion that you have an FAQ section on your site covering all the common questions. This would greatly reduce the amount of time that is spent with forum questions as they will be much easier found on an FAQ page that is well catagoriezed. I suspect you guys are well familar with the ‘U-design’ theme. They have a really good FAQ on there support site which covers most things. When I’ve needed to know something for U-design, I generally don’t have to search the forum as the FAQ has it covered.

    Thanks

    Brett

    October 21, 2014 at 4:44 pm #339073
    Yigit

    Hey!

    Please add following code to Quick CSS

    #footer .container {
width: 100%;
}

    Thank you for your suggestion. We are working on improving Enfold documentation

    Best regards,
    Yigit

    October 24, 2014 at 8:52 am #340511
    speedraleigh

    This worked like magic!

    Thanks

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How can you put a full width image or background in the footer?’ is closed to new replies.