How to change theme width and header dimensions?

  • Resolved butrinty

    (@butrinty)


    10 years, 9 months ago

    Hi Alex,

    First, I apologize if this question has already been raised, but I looked and couldn’t find something that suits me.

    1. I would like to changed the theme width to 1,000 px. – That would be: 630px (content including 30px padding in both sides), 340px sidebar (including padding) and another 30px padding on the left side.

    2. I would like to set a fixed header of 1,000 x 230 px, which would be full width and have no padding, neither on the sides, nor above or below.

    I tried doing these changes through the admin panel, but when I reduce the theme width to 1,024 I get a disoriented theme. (you can check here: https://www.tifozatkuqezi.com/public/wp/) Or If I can fix that, then I would only like to set a fixed full size header, and would mind if the theme width would be 1,024 instead of 1,000.

    Thanks a lot! And for the second or third time, kudos for the great theme!

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

  • Hi!

    1) Add this as custom css:

    .container-inner { max-width: 1000px; }

    2) Add this:

    #header .pad { padding: 0; }

    To set the height to 230px, set Logo Max-height to 210px in styling options and upload a 420px high image for high resolution.

    Thread Starter butrinty

    (@butrinty)

    Hi Alex! Thanks a lot!

    1. I did it but I still get some space on both sides (left and right), maybe you can check here: https://www.tifozatkuqezi.com/public/wp/

    Anyway, 24 pixels is not a big difference. That would work as well for me, but why when I’m enabling boxed layout the theme is getting disoriented? How can I fix it?

    2. Yes, that worked great. Thanks!

    1) Add this too and see if it helps:

    .container { padding: 0; }

    Thread Starter butrinty

    (@butrinty)

    Well, unfortunately no, it doesn’t work. I just disabled boxed layout. I think I should get used it it.

    I’ll see if at least I can remove the background on the sides of the header then, and leave it without boxed layout.

    Thanks again Alex!

    Cheers!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to change theme width and header dimensions?’ is closed to new replies.