Changes to Footer with AgentPress Theme

[sandym]

How do I:

Move Footer Headers to the left so they line up with the text in the footer?

Add a line under box shadow above footers since IE doesn't support box shadow?

My site is http://www.marshallteam.com

Thank You!

[ryandonsullivan]

Move Footer Titles To The Left

Edit your style.css and replace


#footer-widgets .widget-area h4 {
color: #333;
font-weight: bold;
margin: 0 0 10px 12px;
}


With

#footer-widgets .widget-area h4 {
color: #333;
font-weight: bold;
margin: 0 0 10px 0px;
}


Add a border above the footer
Replace this:


#footer-widgets {
-moz-box-shadow: 0 1px 3px #000;
-webkit-box-shadow: 0 1px 3px #000;
background-color: #FFFFFF;
box-shadow: 0 1px 20px #006baf;
margin: 0 auto;
overflow: hidden;
width: 960px;
}


With this:

#footer-widgets {
-moz-box-shadow: 0 1px 3px #000;
-webkit-box-shadow: 0 1px 3px #000;
background-color: #FFFFFF;
box-shadow: 0 1px 20px #006baf;
margin: 0 auto;
overflow: hidden;
width: 960px;
border-top: 3px solid #DDD;
}


The only difference in the second example is that I added the last line. You can change the border color by changing #DDD to whatever color you'd like.

Hope that helps!

[sandym]

Thank You!

[Author]

Posts