Changes to Footer with AgentPress Theme

Community Forums Forums Design Tips and Tricks Changes to Footer with AgentPress Theme

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  sandym 1 year, 8 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #5746

    sandym
    Participant
    Post count: 13

    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!

    #7690

    ryandonsullivan
    Participant
    Post count: 11

    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!

    #7768

    sandym
    Participant
    Post count: 13

    Thank You!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.