Removing header space changing page width?

  • Hi!

    I’ve been using Customizr for a while now, but only recently started trying to change/decorate a bit using CSS, including color, effects, etc. Before, I used a clean white layout, but I wanted to try something colorful. I have a dark blue background now and a very colorful slider image I use temporarly as a header (I’ll get back on this later). But with this, the top white space and the bottom footer space look completely ridiculous. Here is what I’m talking about:

    https://i63.tinypic.com/29xt18i.jpg

    link: https://www.yisanprojekt.hu/

    I’ve tried to disable the pages/menues, but them in box or just have them a blank space, I even looked for CSS codes maybe I can hide that part or at least change its color to the main background color, but no luck so far. It really upsets me, because if I want to change my layout again to a non-white version, it will look the same kind of stupid. I love Customizr because it really allows a huge amount of settings and it’s easy to use, but this issue really made me look for other layout theme opportunities.

    Anybody having an idea how I could hide that part?

    Also, is there a way to change the layout size (to a smaller one) in the non-rpo version? I tried to do it with the help of CSS but it kind of messed up the whole page, including the sidebars. ??

    And one more thing. How do I apply a header image (like the one I have in the screenshot above)? Because now I can only use one with creating a slider with one image, trying to maximize the sliding time so that it particulary stays in one place, but it still flickers from time to time… Which is, I know, really stupid as a solution but I couldn’t come up with anything else temporarly. ??

    Any help is appreciated!

    Thank you in advance!

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

  • For the spacing issue, try adding this to your custom CSS:

    .row-fluid [class*=span].pull-right, [class*=span].pull-right {
    display: none;
}

.navbar-inner {
    min-height: 55px;
}

.navbar.resp {
    width: 100%;
    margin-bottom: -10px;
}

.row-fluid [class*=span] {
    float: none;
    margin: 0;
}

.navbar-wrapper.clearfix.span9.tc-submenu-fade.tc-submenu-move.tc-open-on-hover.pull-menu-right {
    width: 100%;
}

.navbar .navbar-inner {
 padding-right: 20px;
 padding-left: 20px;
}

.tc-header {
    min-height: 34px;
}

.navbar .nav>li>a {
    padding: 13px 20px;
    font-size: 18px;
}

/* Remove Footer Top Border */

footer#footer {
    border-top: none;
}

    To change color of header background:

    Add the following to your custom css.

    .navbar-inner {
background: #091329; // Pick your own hex color
}

    To remove the header and navigation entirely:

    Add the following to your custom css.

    .tc-no-sticky-header .tc-header {
display: none;
}
    Thread Starter brigichan

    (@brigichan)

    Thank you, Nichlas Brandon! These were amazing!

    Any tips on the site width and the fix header image issue?

    Thanks in advance!

    I have no experience using the Customizr theme, so I can’t tell you how flexible it is with respect to replacing the slider with a fixed image (and how to do so).

    As for the width, I’ve been unable to adjust it without having to commit a bunch of “CSS hacking.” So, unless you can adjust the width via the WordPress Customizer, this doesn’t seem to be a straightforward fix.

    Sorry I couldn’t be of further help with the theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Removing header space changing page width?’ is closed to new replies.