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

Solved
Wellanie
Excursionist
34 0 14

Hi! 

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

 

TIA

Accepted Solution (1)

Accepted Solutions
Zworthkey
Shopify Partner
2571 309 642

This is an accepted solution.

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 

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 17 (17)
dmwwebartisan
Shopify Partner
9826 2237 3078

@Wellanie 

Please share store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Wellanie
Excursionist
34 0 14

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:

Wellanie_0-1634546153178.png

 

 

 

<div id="before-content">
                    <div id="before-content-column" class="container_24">
                        <div class="home-page-divider pngfix"></div>
<div id="before-cont-box-1" class="column_3_of_3 home-cont-box"><div class="column-content-wrapper"><div class="cont_col_1 widget_text substitute_widget_class">			<div class="textwidget"><table width="100%" cellpadding="10" border="0">
  <tbody><tr>
    <td colspan="5" align="center"><h2>What you want…When you want it!</h2>
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!<br><br></td>
  </tr>
  <tr>
    <td width="33%" valign="top">
      <font color="#e4072b"><h3>Innovative Design</h3></font>
<ul>
        <li>Customized outdoor patio furniture</li>
        <li>Attractive variety of materials</li>
        <li>Distinctive fashion solutions for homes, apartments, hotels, motels, clubs, resorts &amp; HOAs</li>
        <li>Beautifully styled for lawns, gardens, patios, poolsides, dining, balconies public &amp; VIP spaces</li>
    </ul></td>
    <td width="12" valign="top">&nbsp;</td>
    <td width="32%" valign="top">
    <font color="#e4072b"><h3>Lasting Quality</h3></font>
<ul>
  <li>Commercial-performance outdoor patio furniture</li> 
        <li>Chemical and UV resistant</li>
        <li>All-weather proof</li>
        <li>Safe for the environment</li>
        <li>100% recyclable</li>
  </ul></td>
    <td width="8" valign="top">&nbsp;</td>
    <td width="32%" valign="top">
    <font color="#e4072b"><h3>Customer Service</h3></font>
<ul>
  <li>Personal attention from our sales staff with over 25 years experience
        </li><li>Customized layout and design</li>
        <li>Promoting USA brands</li>
        <li>Short Order-to-Ship times</li>
        <li>Budget conscious sales staff</li>
  </ul></td>
  </tr>
</tbody></table></div>
		</div></div></div><!-- end before-cont-box-1 -->                        <div class="home-page-divider pngfix"></div>
                    </div>
                    <!-- end before-content-column -->
                </div>

 

 

I was hoping for it to look like this:

Wellanie_0-1634546267914.png

 

 

Wellanie
Excursionist
34 0 14

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

Zworthkey
Shopify Partner
2571 309 642

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

Send me the link so I can help you.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Zworthkey
Shopify Partner
2571 309 642

i can't see in your store.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Zworthkey
Shopify Partner
2571 309 642

 

 

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Wellanie
Excursionist
34 0 14

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

Wellanie_2-1634621605766.png

It became like this, 

Wellanie_0-1634621530867.png

instead of this:

Wellanie_1-1634621557563.png