Footer lines in Monochrome Pro Theme

[morningcoach]

I am trying to get rid of the lines on the footer for the Monochrome theme. We cannot figure out why the lines are showing. Can someone please help us out on this. The second link, the border goes all across the page where the home page does not.

They are on the pages:

http://www.morningcoach.biz/

http://www.morningcoach.biz/about/

Here is the code we are using:

<table style="text-align: left; color: white; width: 100%; cellpadding="10">
<tbody>
<tr>
<td style="text-align: left; width: 10%;"></td>
<td style="text-align: left; width: 30%;">
<span
style="font-weight: bold;">Alive Foundation Inc.</span><br>
6919 W Broward Blvd. #261<br>
Plantation, Florida 33317
<br>
<br>
Connect
With JB<br>
<br>
<br>
</td>
<td style="width: 30%;">Sitemap<br>
Terms<br>
Privacy Policy<br>
Sponsors<br>
</td>
<td>Customer Support:<br>
MorningCoachSupport.com<br>
</td>
</tr>
</tbody>
</table>
<br><br>
<font color="white">© MMXVII Alive Foundation Inc. | (800) 277-0498</font>

http://www.morningcoach.biz/

[sangfroidweb]

Hi there!
There is CSS in the theme stylesheet at line 610 and 619 that adds the border to the tbody and td elements globally, which creating the borders on the footer. This is default styling for all tbody and td elements. The best way to override it would be to override the CSS with a more specific rule governing that table in the footer. There are other options such as to not use a table in that area and use the Genesis Column Classes to create the columns, etc., but here is the info on just overriding the CSS to fix the problem.

This is the current CSS at line 610 and 619 causing the borders:
tbody {
border-bottom: 1px solid #eee;
}
td {
border-top: 1px solid #eee;
padding: 6px;
}

This is an example of rules you could add to the CSS to override it in the footer:

.site-footer tbody {
border-bottom:none;
}
.site-footer td {
border-top:none;
}

This will leave the default styling in place for other tables in use on the site (in the page content for example), but will remove the borders on the table in the site footer.
Hope that helps!
Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[Author]

Posts