Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › centering footer

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 17, 2014 at 5:12 am #172963
    fifi
    Participant

    help me with the css to center this footer so that it’s well aligned with the rest of the widgets …….http://roselinetravels.com

    June 17, 2014 at 5:19 am #172965
    Paulie_D
    Member

    Looks centered to me.

    Which part isn’t centered?

    June 17, 2014 at 5:46 am #172970
    fifi
    Participant

    i don’t want it to fit the whole screen

    June 17, 2014 at 6:43 am #172974
    Paulie_D
    Member

    i don’t want it to fit the whole screen

    What?

    Now I’m really confused. The footer is set to be 100% wide…did you not do that?

    However, perhaps you want this

    media="screen, projection, print"
footer {
/* float: left; */ /* remove this */
background: #fff;
width: 100%;
padding: 23px 0;
-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
box-shadow: 0 0 2px rgba(0,0,0,0.2);
max-width: 1140px; /* add this - your chosen width */
margin: 0 auto; /* center the footer */
}
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.