Full width page?

  • Resolved Troels

    (@theko)


    7 years, 9 months ago

    Hi!

    I love this theme. I’ve only got one issue: it is tagged with “full width template”. The pages, however, seem to be centered in a somewhat slim column. Is there any way to make it full width using css? I’ve tried myself without luck, not being the best at coding.

    Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author DannyCooper

    (@dannycooper)

    7 years, 9 months ago

    Hi @theko,

    Yes, that’s possible, all you need to do is add this custom CSS:

    body {
    max-width: 840px;
    }

    Replace 840px with your own width. The current default is 640px.

    Let me know if I can help with anything else.

    Thanks!

    Theme Author DannyCooper

    (@dannycooper)

    7 years, 9 months ago

    If you want to target a single page, all posts or the homepage you can do something like this:

    .page-id-146 body {
    max-width: 840px;
    }

    .post-template-default body {
    max-width: 840px;
    }

    .home body {
    max-width: 840px;
    }

    Thread Starter Troels

    (@theko)

    7 years, 9 months ago

    Hi Danny

    Thank you for that swift answer. Works great. Only thing is that I can’t figure out how to make it work only for the front page – the css seems to only work, when I target body, not .home body – but I can live with that and will do more tests until I can make it work 🙂

    http://www.troelskolln.dk

    Theme Author DannyCooper

    (@dannycooper)

    7 years, 9 months ago

    Sorry, my mistake. It should be

    body.home {
    max-width: 1040px
    }

    • This reply was modified 7 years, 9 months ago by DannyCooper.
    Thread Starter Troels

    (@theko)

    7 years, 9 months ago

    Perfect, thank you!

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

The topic ‘Full width page?’ is closed to new replies.