How to add an image background in footer. (Simple Theme)

[Wellanie]

Hi!

Can anyone tell me what to put on my footer.liquid to add a URL image?

TIA

[dmwwebartisan]

@Wellanie

Please share store URL!

Thanks!

[Wellanie]

I’m not sure if you can view this, it’s not yet published because I’m trying different themes to see which one is better. But here is the link.

Also, do you know how I can remove these spaces on the image? this is the code, I just copied it from an old website:

                    

                        

			
<table>

  <tr>

    <td colspan="5">

## What you want…When you want it!
With endless choices, you PERSONALIZE each piece of our quality furniture to suit YOUR needs. From the frame style, material and color, to the strap, sling or fabric color, it's YOUR design. Completely custom and delivered to you on time!

</td>

  </tr>

  <tr>

    <td>

      ### Innovative Design

        - Customized outdoor patio furniture

        - Attractive variety of materials

        - Distinctive fashion solutions for homes, apartments, hotels, motels, clubs, resorts & HOAs

        - Beautifully styled for lawns, gardens, patios, poolsides, dining, balconies public & VIP spaces
    

</td>

    <td>

 

</td>

    <td>

    ### Lasting Quality

  - Commercial-performance outdoor patio furniture
 
        - Chemical and UV resistant

        - All-weather proof

        - Safe for the environment

        - 100% recyclable
  

</td>

    <td>

 

</td>

    <td>

    ### Customer Service

  - Personal attention from our sales staff with over 25 years experience
        
- Customized layout and design

        - Promoting USA brands

        - Short Order-to-Ship times

        - Budget conscious sales staff
  

</td>

  </tr>

</table>

		

                        

                    

                    
                

I was hoping for it to look like this:

[Wellanie]

Still waiting for someone who can guide me with this. Thanks!

[Zworthkey]

@Wellanie
hi, on which page it’s occurring.

Send me the link so I can help you.

[Wellanie]

Hi!

Here’s the store link. It’s Simple Theme.

https://ald-marketing.myshopify.com/?_ab=0&_fd=0&_sc=1&key=c37c79c241426aa259ac5403e6350804e36c3c35bd2427bead182a3d27c28e76

[Zworthkey]

i can’t see in your store.

[Wellanie]

Please try this instead:

https://91jrfqwb3cnki1tt-60126920937.shopifypreview.com

[Zworthkey]

td, th {
     padding: 0px !important;
    border: 0px solid #d7d8d2 !important; 
}
table {
     border: 0px solid #d7d8d2 !important; 
}
font h3 {
    color: red !important;
}

@Wellanie
Add this code in theme.css or theme.scss
thank you.

[Wellanie]

It worked! Although, other fonts were affected as well.

It became like this,

instead of this:

[Zworthkey]

h3 {
color: red !important;
}
Remove this code.
I will prefer you better.

[Wellanie]

Oh also, if it matters, I put the code of this in a custom HTML inside the theme editor.

in a custom HTML in theme editor. not directly on the

[Zworthkey]

td, th {
     padding: 0px !important;
    border: 0px solid #d7d8d2 !important; 
}
table {
     border: 0px solid #d7d8d2 !important; 
}
font h3 {
    color: red !important;
}

remove old code and add this code in theme.scss
yes it’s matter because it reflects the whole code.
@Wellanie

[Zworthkey]

@Wellanie
kindly Like Solution if helpful

[Wellanie]

You rock! Thanks.

I have another question while we’re on it. Hopefully, I’m not bothering you too much!

How do I lessen the footer’s font size?

[Zworthkey]

Hii, @Wellanie
Paste this code on top of the theme.scss file.

.rte p {
    font-size: 16px !important;
}

Thank You.

[Zworthkey]

@Wellanie Remove the html css you have added.

[Wellanie]

Oh yeah, I did. I kinda tried experimenting on the code, lol.

Thank you so much!