HTML Help

LuciePrints
New Member
3 0 1

I need help formatting this html. So that the boxes are only in the center area and not in the header or footer. 

html.PNG

This is the code.

<style type="text/css">
.tg {border:none;border-collapse:collapse;border-spacing:0;}
.tg td{border-style:solid;border-width:0px;font-family:Arial, sans-serif;font-size:14px;overflow:hidden;
padding:10px 5px;word-break:normal;}
.tg th{border-style:solid;border-width:0px;font-family:Arial, sans-serif;font-size:14px;font-weight:normal;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-wp8o{border-color:#000000;text-align:center;vertical-align:top}
.tg .tg-73oq{border-color:#000000;text-align:left;vertical-align:top}
</style>
<table class="tg">
<thead>
<tr>
<th class="tg-wp8o"><span style="color:#D06179">Classic Strawberry</span><br><br><img src="https://live.staticflickr.com/65535/51294908816_915b1a0d3a_h.jpg" alt="Image" width="400" height="400"><br><br>

<style>
a:link, a:visited {
background-color: #d06179;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}

a:hover, a:active {
background-color: #8c3f4e;
}
</style>


<a href="https://lucieprints.com/pages/classic-strawberry" target="_blank">Shop
Classic Strawberry</a>




</th>
<th class="tg-wp8o"><span style="color:#D06179">Blueberry Cherry Jam</span><br><br><img src="https://live.staticflickr.com/65535/51295117473_b3c5aee7f1_h.jpg" alt="Image" width="400" height="400"><br><br>
<style>
a:link, a:visited {
background-color: #d06179;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}

a:hover, a:active {
background-color: #8c3f4e;
}
</style>

<a href="https://lucieprints.com/pages/blueberry-cherry-jam" target="_blank">Shop
Blueberry Cherry Jam</a>



</th>
<th class="tg-wp8o"><span style="color:#D06179">Picnic Gingham</span><br><br><img src="https://live.staticflickr.com/65535/51294946346_d73e94f020_h.jpg" alt="Image" width="400" height="400"><br><br>

<style>
a:link, a:visited {
background-color: #d06179;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}

a:hover, a:active {
background-color: #8c3f4e;
}
</style>

<a href="https://lucieprints.com/pages/picnic-gingham" target="_blank">Shop
Picnic Gingham</a>




</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tg-wp8o"><br><br><span style="color:#D06179">Poolside Stripes</span><br><br><img src="https://live.staticflickr.com/65535/51294211257_b03b2a2916_h.jpg" alt="Image" width="400" height="400"><br><br>

<style>
a:link, a:visited {
background-color: #d06179;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}

a:hover, a:active {
background-color: #8c3f4e;
}
</style>


<a href="https://lucieprints.com/pages/poolside-stripes" target="_blank">Shop
Poolside Stripes</a>

</td>
<td class="tg-wp8o"><br><br><span style="color:#D06179">Peach Tree</span><br><br><img src="https://live.staticflickr.com/65535/51295674894_fb5c1af903_h.jpg" alt="Image" width="400" height="400"><br><br>

<style>
a:link, a:visited {
background-color: #d06179;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}

a:hover, a:active {
background-color: #8c3f4e;
}
</style>


<a href="https://lucieprints.com/pages/peach-tree" target="_blank">Shop
Peach Tree</a>




</td>
<td class="tg-73oq"></td>
</tr>
</tbody>
</table>

 

 

 

KetanKumar
Shopify Partner
20524 2121 7737

@LuciePrints 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes