Support » Theme: Responsive » full-width-page (no sidebar), make background into a specific color

  • Resolved clickmac

    (@clickmac)


    hey, i would like to change “just” the full width page (no sidebars) background color…while leaving the rest of pages normal…?? any answers? greatly appreciated!

Viewing 15 replies - 1 through 15 (of 22 total)
  • clickmac

    (@clickmac)

    I’ve tried

    .full-width-template #wrapper {
    background-color: #00b5ed;
    }

    in my css
    and nothing happened.

    WPyogi

    (@wpyogi)

    Where did you put that CSS code?

    clickmac

    (@clickmac)

    style.css

    clickmac

    (@clickmac)

    right under #wrapper

    clickmac

    (@clickmac)

    #wrapper {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    clear: both;
    margin: 20px auto 20px auto;
    padding: 0 20px 20px 20px;
    position: relative;
    }

    .full-width-template #wrapper {
    background-color: #00b5ed;
    }

    .home #wrapper {
    background-color: transparent;
    border: none;
    margin: 20px auto 20px auto;
    padding: 0;
    }

    WPyogi

    (@wpyogi)

    First, you should not be making any changes to the style.css file. You can make changes in the custom CSS section of the theme options. Or you can use a Child Theme – which you can download for free from Responsive’s site. Otherwise all your changes will be erased when the theme is updated.

    Which page are you trying to change the background on – i.e. which one is using that template?

    clickmac

    (@clickmac)

    clickmac

    (@clickmac)

    and i did try the custom css first…and it didn’t work.. 🙁

    WPyogi

    (@wpyogi)

    That page is apparently not using that template – see the HTML:

    <body class="page page-id-587 page-template-default custom-background">

    So try using the page id class — but, really, don’t make changes to the style.css file – you will regret it.

    clickmac

    (@clickmac)

    regret, because when you upgrade, everything is lost 🙁 yeah thats bad!…

    and <body class=”page page-id-587 page-template-default custom-background”>

    what I’m i doing with this?
    and i just changed the template on that page

    to the full page (no sidebar) template…

    clickmac

    (@clickmac)

    so since i just changed it..cuz apparently it didnt save the first time…

    how do i changed the background color?

    WPyogi

    (@wpyogi)

    So are you trying to change the background of the page or just the wrapper div?

    clickmac

    (@clickmac)

    wrapper..the white part that you are seeing. thanks 🙂

    clickmac

    (@clickmac)

    been trying to do this for a while, so your help is greatly appreciated!

    WPyogi

    (@wpyogi)

    Okay, then this should work – but put it in the custom CSS section 🙂

    .page-template-full-width-page-php #wrapper {
    background-color: #00b5ed;
    }

Viewing 15 replies - 1 through 15 (of 22 total)
  • The topic ‘full-width-page (no sidebar), make background into a specific color’ is closed to new replies.