WordPress.org

Support

Support » Themes and Templates » 2011 theme / change bg-color of showcase page

2011 theme / change bg-color of showcase page

  • linux garage
    Member

    @linux-garage

    Hi there:

    What code would I use to change the background-color of one showcase page (showcase template) in the TwentyEleven theme ?

    I can change the background-color of a default page (default template) by adding to style.css: body.page-id-8 #page {background-color: #000102 }

    But the code does not work for a page set to showcase template.

    Thanks

Viewing 14 replies - 1 through 14 (of 14 total)
  • esmi
    Forum Moderator

    @esmi

    Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes. Or use a custom CSS plugin.

    linux garage
    Member

    @linux-garage

    Thanks Esmi.

    I’m already using a child theme.

    I’ve tried the code below but it does not work:

    body.page-id-606 #page-template-showcase-php {background-color: #000}

    esmi
    Forum Moderator

    @esmi

    Try using Firefox with the Firebug add-on for this kind of CSS work. It will help you to identify what CSS (if any) is over-ruling the custom CSS:
    http://getfirebug.com/

    linux garage
    Member

    @linux-garage

    body.page-id-606 #template-showcase-php {background-color: #000}

    tried this and it does not work either

    linux garage
    Member

    @linux-garage

    The style.css in the child theme looks OK

    Checked out the page in firebug and it looks OK too.

    Not sure what to try next.

    esmi
    Forum Moderator

    @esmi

    Try:

    body.page-id-606.page-template-showcase-php

    linux garage
    Member

    @linux-garage

    Thanks Esmi. body.page-id-606.page-template-showcase-php — did not work

    The code below works for default template and sidebar template:

    body.page-id-606 #page {background-color: #000 }

    But when I set the page to showcase template the page is white with a black strip across the bottom of the page. And centered inside the black strip are the words: RECENT POSTS

    Any idea what might be going on ?

    Thanks again.

    esmi
    Forum Moderator

    @esmi

    Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance beyond general best guesses.

    linux garage
    Member

    @linux-garage

    This of course works in the html editor:

    <div style=”background-color: #000;”> … </div>

    But the wrapper (?) is white so I would need to change to wrapper to black for one page using the showcase template.

    linux garage
    Member

    @linux-garage

    Esmi, you’ve been super !!

    I am working on a new site in LAMP so my site is not yet on line.

    I stripped out part of the header.php (because I’m using my own).

    That might be the causing the problem.

    I’ll give an update tomorrow as I’ll need to do some tinkering.

    esmi
    Forum Moderator

    @esmi

    Try:

    body.page-id-606.page-template-showcase-php #wrapper {background-color:#000;}

    linux garage
    Member

    @linux-garage

    Esmi, thanks so much for your help.

    It definitely appears that finding a way to change the wrapper color in the showcase template would be the solution.

    —————-
    I’ve tried this:

    body.page-id-606.page-template-showcase-php #wrapper {background-color:#000;}

    and this:

    body.page-id-606 #wrapper {background-color:#000;}

    Both codes don’t work.

    ————————

    I’m using the code below in the header.php (in the child theme)

    <body <?php if (function_exists(‘body_class’)) body_class(); ?>>

    I switched to the longer code after reading your guide here

    http://codex.wordpress.org/User:Esmi/_Changing_Headers_with_body_class%28%29

    ————————-

    I’d be great if I could use the showcase template with a different background color. But I can get the black background with the default template so I’ll be OK

    ————————-

    Once again, thanks so much for your help.

    esmi
    Forum Moderator

    @esmi

    It might help if you could post a link to the page in question

    linux garage
    Member

    @linux-garage

    Thanks Esmi,

    I am still working on the site using LAMP in my laptop.

    I’ll send a link once I get it online. I don’t have a hosting service yet and will look into it.

    I really appreciate your feed back and time you’ve put into this issue.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘2011 theme / change bg-color of showcase page’ is closed to new replies.