Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1260592
    cmdev
    Participant

    I am trying to design my footer to match the screenshot link below.
    My link is beta.triflight.com
    Screenshot: http://prntscr.com/d8b40b

    Three elements I am trying to match:
    1) How do I get the main menu to be inline and float from the right to match this design.

    2) How do I add the content under the menu

    3) How to change the very bottom copyright area to this dark blue and make it editable with text.

    4) Bonus wish: Is there anyway to afix the green airplane PNG file at this location just above the footer?

    #1260632
    Paul R
    Moderator

    Hi,

    Thanks for writing in!

    Kindly do the following.

    1. Navigate to Appearance > Customize > Footer and set the following.

    See screenshot – http://screencast.com/t/itFciewsUyG

    2. Navigate to Appearance > Widgets then add your logo in Footer 1 and Add your menu and contents in Footer 2

    See screenshot – http://screencast.com/t/e7wVkpqgM49

    3. Add this in Custom CSS

    
    .x-colophon.top .x-container > .x-column:first-child {
       width:30%;
    }
    
    .x-colophon.top .x-container > .x-column.last {
       width:65%;
    }
    
    .x-colophon.bottom {
       background-color:#081f3b;
    }
    

    Hope that helps

  • <script> jQuery(function($){ $("#no-reply-1260592 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>