WordPress.org

Ready to get started?Download WordPress

Forums

Responsive
[resolved] full-width-page (no sidebar), make background into a specific color (23 posts)

  1. clickmac
    Member
    Posted 1 year ago #

    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!

  2. clickmac
    Member
    Posted 1 year ago #

    I've tried

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

    in my css
    and nothing happened.

  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Where did you put that CSS code?

  4. clickmac
    Member
    Posted 1 year ago #

    style.css

  5. clickmac
    Member
    Posted 1 year ago #

    right under #wrapper

  6. clickmac
    Member
    Posted 1 year ago #

    #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;
    }

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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?

  8. clickmac
    Member
    Posted 1 year ago #

  9. clickmac
    Member
    Posted 1 year ago #

    and i did try the custom css first...and it didn't work.. :(

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  11. clickmac
    Member
    Posted 1 year ago #

    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...

  12. clickmac
    Member
    Posted 1 year ago #

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

    how do i changed the background color?

  13. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

  14. clickmac
    Member
    Posted 1 year ago #

    wrapper..the white part that you are seeing. thanks :)

  15. clickmac
    Member
    Posted 1 year ago #

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

  16. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Okay, then this should work - but put it in the custom CSS section :)

    .page-template-full-width-page-php #wrapper {
    background-color: #00b5ed;
    }
  17. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    So the "secret" weapon with CSS is a tool like Firebug - check it out:

    http://getfirebug.com

  18. clickmac
    Member
    Posted 1 year ago #

    a box with white lines are still there...would like it to disappear completely, like blend in with the back ground....??

    how to do that?

    and your code worked like a charm! thanks :)

  19. clickmac
    Member
    Posted 1 year ago #

    i believe its something with border..or something

  20. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yep, you're right - add this:

    .page-template-full-width-page-php #wrapper {
        background-color: #FFFFFF;
        border: 0;
    }
  21. clickmac
    Member
    Posted 1 year ago #

    border:0;

    thanks mate! cheers :)

  22. clickmac
    Member
    Posted 1 year ago #

    and thanks for the firebug as well.m \(^_^)/

  23. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yep, Firebug is awesome!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.