Footer

  • Resolved Leather Treaty

    (@leather-treaty)


    10 years, 6 months ago

    Hello,

    using Modern-Business Pro. I want to take the footer which is the entire page width and make it 1000px but the trick is to center it. No matter what I try it will not center.

    Any ideas??

    Thanks,

    Leather Treaty

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi LT

    I’m assuming you are trying to alter the style.css file.

    To center something in a restricted width, one normally declares the width of the class or id and then sets the left and right margins to auto, something like this.

    .container{
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

    Be careful however if the theme is set up for full-width as it may cause some alignment problems within the different regions of the page.

    What ever you do, don’t forget that if you are altering any css you will need to put the code into a custom file or use a child theme otherwise the changes will be lost when the theme is upgraded.

    I hope this helps
    Cheers
    Dave

    Thread Starter Leather Treaty

    (@leather-treaty)

    Hi,

    I used the coding

    margin-left: auto;
    margin-right: auto;

    and it works good.

    Thanks a bunch wasted far too much time on this.

    Best Regards,

    Leather Treaty

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Footer’ is closed to new replies.