Changing background of /faq /about etc


#1

Greetings, i’ve struggle to change background of /faq /about etc ones. I’ve changed the background but the thing is once i click from menu or visit it background isnt show, only when i refresh it it seems to load it (I’ve done that thru CSS), any other tips are more then welcome thanks! (preview below)

After coming to FAQ and refresh (background loads)

After switching to “About” or any other page, and coming back to FAQ\

Planing to add white background to all of the pages like this :smile:

Problem solved with;

Problem solved with;

.body-page {width: 100%;margin-top:40px;}
.body-page p, .body-page h2, .body-page section{padding-left:20px;padding-right:20px;}
.body-page .nav-pills {
    margin-top: -40px;
}

.body-page {
    border-radius: 4px 4px 4px 4px;
}

.body-page{
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-color: #E5E5E5 #DBDBDB #D2D2D2;
    background-color: #FFF;
}

(NomNuggetNom ) #2

Hey, I did the same thing! Here was my solution:

html, body {
    height: 100%;
}

// A solid white background column on every page
body:before {
    display: inline-block;
    width: 1125px; // default is 1110px
    min-height: 100%;
    height: inherit;
    background-color: white;
    content: " ";
    position: fixed;
    left: 50%;
    right: 0;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}

// Adjust for smaller screens.
@media (max-width: 1139px) and (min-width: 1000px)
{
    body:before {
        width: 1010px; // default is 995 px
    }
}

Works perfectly for me. No reported issues :smile:

Here was @elberet’s solution if that’s not what you’re looking for:

html {
    background: url("/some/background/gradient.png") repeat-x fixed 0px 60px rgb(102,102,102);
}

#main-outlet {
    max-width: 1110px;
    background-color: #f8f8f8;
    border-left: 8px solid #333;
    border-right: 8px solid #333;
    border-bottom: 8px solid #333;
    margin: 0 auto 30px auto;
    padding: 82px 16px 10px 16px;
}

.d-header {
    background-color: inherit !important;
    background-image: url("/some/wood/texture.png");
    border-bottom: none;
    box-shadow: 0 2px 4px rgba(0,0,0,.5), inset 0 -4px 4px -4px rgba(0,0,0,.6);
}