Solved

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

Wellanie
Shopify Partner
75 0 21

Hi! 

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

 

TIA

Accepted Solution (1)
Zworthkey
Shopify Partner
5581 642 1565

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 

View solution in original post

Replies 17 (17)

dmwwebartisan
Shopify Partner
12280 2546 3694

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Wellanie
Shopify Partner
75 0 21

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
Shopify Partner
75 0 21

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

Zworthkey
Shopify Partner
5581 642 1565

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

Send me the link so I can help you.

Wellanie
Shopify Partner
75 0 21
Zworthkey
Shopify Partner
5581 642 1565

i can't see in your store.

Wellanie
Shopify Partner
75 0 21
Zworthkey
Shopify Partner
5581 642 1565

 

 

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
Shopify Partner
75 0 21

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

 

Zworthkey
Shopify Partner
5581 642 1565

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

Wellanie
Shopify Partner
75 0 21

Oh also, if it matters, I put the code of this in a custom HTML inside the theme editor. Wellanie_2-1634621605766.pngin a custom HTML in theme editor. not directly on the 

Zworthkey
Shopify Partner
5581 642 1565

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 

Zworthkey
Shopify Partner
5581 642 1565

@Wellanie 
kindly Like Solution if helpful

Wellanie
Shopify Partner
75 0 21

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
Shopify Partner
5581 642 1565

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

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

Thank You.

Zworthkey
Shopify Partner
5581 642 1565

Screenshot (8).png
@Wellanie Remove the html css you have added.

Wellanie
Shopify Partner
75 0 21

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

Thank you so much!