- Posts
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-footerAs mentioned, none of these have worked. Any help would be great.
Thank you.
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; }
- The topic ‘Upload Footer Background Image in Boldgrid Crio’ is closed to new replies.
