Question about footer background

[Shaliza]

Hello:

I'm in the process of creating a new theme for my board, and I would like to change the background of the copyright notice in my footer, so that it matches the footer background (under Advanced Styles and CCS). 

This is the coding that I currently have in my Forum Wrapper for the Copyright notice in the footer. 


[footer]
<div class="center"><div style="background-color:#b9dac6;><div class="copyright"><center><p class="bold"><font size="4"><font color="514628">©2014 - 2019<br>Theme created by Shaliza.<br>All Kinds of Everything<br>All Rights Reserved.</p></center></div>
{if $[is_mobile_browser]}
<br /><p class="center">Switch to the $[mobile_switch_link].</p>
{/if}
</body>
</html>

Instead of having the background color, how do I code it to have a background image instead?

Thanks in advance for the help.

[Nscalerr 🐺]

Hi Shaliza

All you need to do is change background-color: #b9dac6; to background-image: url("ADD LINK TO IMAGE HERE");

[Shaliza]

Thanks so much Nscalerr 🐺. I have not had the chance to try this out yet, but will soon.

I appreciate your help.

[Nscalerr 🐺]

Hi Shaliza

I have rewritten your code and removed ALL the errors that you had in it. Seems you left out the $ before the footer along with a closing </font> and three closing </divs>. I have included the change you requested, so all you need to do is drop this code in place of what you had before and add the link to the background image!

$[footer]
       <div class="center">
           <div style="background-image: url('ADD LINK TO IMAGE HERE');">
               <div class="copyright">
                   <center>
                       <p class="bold">
                           <font size="4" color="514628">©2014 - 2019
                               <br />Theme created by Shaliza.<br />
                               All Kinds of Everything<br>All Rights Reserved.
                           </font>
                       </p>
                   </center>
               </div>
               {if $[is_mobile_browser]}<br /><p class="center">Switch to the $[mobile_switch_link].</p>{/if}
           </div>
       </div>
   </div>
</body>
</html>

[Shaliza]

Thanks so much for this Nscalerr 🐺.

Thanks to a busy work week, I've not had a chance to add this code or the image URL, but hopefully I will have the time this weekend.

Thanks again for the help. It is much appreciated.

xo Shaliza >^..^<

[Shaliza]

I finally had a chance to add in the new coding you provided, and it worked perfectly. Thanks again, Nscalerr 🐺.

The help is greatly appreciated!

xo Shaliza >^..^<