Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #42259
    Cindy Cheung
    Guest

    Hello:

    I have been searching online for how to change the background of the footer to an image instead of a solid color. Based on my research, I have tried every CSS code I can think of, but nothing is working.

    Right now, I have:
    #footer {
    background-image: url(“https://sunbreakresumes.dreamhosters.com/wp-content/uploads/2021/08/Footer-Background.jpg”) !important;
    }

    I have also tried these headings:
    #colophon
    .colophon
    #colophon.site-footer
    #site-footer
    .site-footer
    footer#footer
    footer#site-footer
    footer#colophon
    footer#colophon.site-footer

    As mentioned, none of these have worked. Any help would be great.

    Thank you.

    #42322
    Jesse Owens
    Keymaster

    Hi Cindy-

    Thanks for reaching out. By default, Crio doesn’t include image backgrounds for the footer but you’re right that you can use Custom CSS to accomplish it.

    There are two rules that you should use, one to add the background, and one to remove any backgrounds from the default components of the footer. This code should work with the image you have up there:

    #colophon .bgtfw-footer { background-image: url("https://sunbreakresumes.dreamhosters.com/wp-content/uploads/2021/08/Footer-Background.jpg");}
    [id^="footer"] {background: unset !important; }
    
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Upload Footer Background Image in Boldgrid Crio’ is closed to new replies.