Footer and Sub Footer coding

Community Forums Forums Design Tips and Tricks Footer and Sub Footer coding

This topic is: resolved

This topic contains 7 replies, has 2 voices, and was last updated by  ACBellevue 10 months, 3 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #76891

    ACBellevue
    Participant
    Post count: 28

    Hello,

    I was wondering what code I would need to have the Footer 1, Footer 2, Footer 3, Footer 4, Sub Footer Left and Sub Footer Right appear the same as the four Header boxes on http://www.assumptionschool.org?

    I have the Header 1 2 3 4 code below, but I can’t tweak it to get the Footers to appear with the blue header and the grey text box….

    Thanks in advance for your suggestions,

    Owen

    http://www.assumptionschool.org
    #76901

    Davinder Singh Kainth
    Participant
    Post count: 1295

    1. Check following link for procedure to add 4 columns footer.

    http://wpsites.net/wordpress-themes/add-footer-tutorial-how-to-add-4-column-footer-widgets-in-genesis/

    2. If you plan to use static content in columns of footer, why don’t you create new widget area at bottom and use column classes for quicker implementation. http://my.studiopress.com/tutorials/content-column-classes/


    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

    #76922

    ACBellevue
    Participant
    Post count: 28

    Davinder,

    Thank you – what lines would I edit add to make the text widgets have the blue and gray coloring similar to what is in place in the header widgets on http://www.assumptionschool.org?

    Thank you,

    Owen

    #76938

    Davinder Singh Kainth
    Participant
    Post count: 1295

    Do you want to make text widgets that have content like: NEWSLETTERS, VETERANS DAY PHOTO GALLERY and so on, make their header light blue and gray text like we have at the top navigation bar with options like: home, how you can help and so on?


    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

    #76962

    ACBellevue
    Participant
    Post count: 28

    I have the text widgets in place for the footer and sub footer, but am not sure what i need to tweak to make it a blue header with a gray box. I do have it in place for the header on http://www.assumptionschool.org, but need to know what the footer and subfooter code would look like.

    #76963

    ACBellevue
    Participant
    Post count: 28

    ie, what would the footer version of this look like?

    #home-sections h4 {
    background: #003399;
    color:white;
    padding: 15px;
    margin: 0;
    }

    #77111

    Davinder Singh Kainth
    Participant
    Post count: 1295

    For editing footer 4 text widgets, you need to look for following code. Modify the background color or text color as per requirement.

    #sub-footer {
    background-color: #003399;
    color:white;
    font-size: 14px;
    margin: 0 auto;
    overflow: hidden;
    padding: 40px 0;
    width: 100%;
    }

    .sub-footer-left h4 {
    background: #003399;
    color:#333;
    padding: 15px;
    margin: 0;
    }

    .sub-footer-right h4 {
    background: #003399;
    color:#333;
    float: none;
    padding: 15px;
    margin: 0;
    }


    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

    #77385

    ACBellevue
    Participant
    Post count: 28

    Davinder,

    That is great – thank you for your help!

    Owen

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

You must be logged in to reply to this topic.