Center FullWidth Div

  • Resolved unechienneandalouse

    (@unechienneandalouse)


    9 years, 1 month ago

    I’m having a hard time figuring out why I can’t place my fullwidth posts in the centre of the page. Here’s a link to a sample post in my blog:

    This is what I’ve been trying to use but it unfortunately doesn’t work

    div#main.fullwidth {
    width: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    I hope this is not a silly question as I’m a newbie in coding and stuff. Thanks.

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

  • I see this rule 

    #main.fullwidth { width:100% }

    which is overwritten by yours, if you remove the

    widht:75%

    it works, no?

    Thread Starter unechienneandalouse

    (@unechienneandalouse)

    Thanks for the help!

    The creator of my theme gave me a code that actually worked:

    @media only screen and (min-width: 1170px) {
    .single #main.fullwidth .post-entry {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    }

    .single #main.fullwidth .post-img {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    }

    .single #main.fullwidth .post {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    }
    }

    super!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Center FullWidth Div’ is closed to new replies.