[SOLVED] change background on current page

westpro · #1 Nov 10, 2012, 01:59 PM

Can’t change background color on specific page.

Inserted into CSS Inserts from “Add HTML/CSS Inserts

body#page-id-11 {
background: #ffffff;!important
}

Nothing changes.
Using Atahualpa 3.7.9

juggledad · #2 Nov 10, 2012, 02:21 PM

You hae a syntax error. The semicolin is in the wrong place

westpro · #3 Nov 10, 2012, 03:20 PM

body#page-id-11 {
background: #ffffff;
}

changed to this with no luck

juggledad · #4 Nov 10, 2012, 06:17 PM

In the selector you use a pound sigh (#). That is for an ID. Is the 'page-id-11' an ID or a class? (Classes are prefixed with a period(.)

( it took me forever to get them right)

westpro · #5 Nov 11, 2012, 05:32 AM

http://joecrews.com/?page_id=11

This is from the browser. Looks like a page to me.

juggledad · #6 Nov 11, 2012, 05:46 AM

That is the URL. What you need to do is
1) go to that page
2) using the browser tools view the source of the page
3) find th e'<body....' statement
4) see if it has 'ID="...' and or 'class="...'
5) if you use the ID in the CSS Selector it needs to start with a pount sign (#)
6) if you use a CLASS isn the CSS Selector, it needs to start with a period (.)

westpro · #7 Nov 11, 2012, 12:00 PM

It's a little confusing to me, Juggledad. When I find <body class = . . . then I see the following:

<body class="page page-id-11 page-template-default logged-in admin-bar">

However, when I scroll down to "Main body" this is how it reads:


<tr id="bodyrow">


<td id="middle">

<div class="post-11 page type-page status-publish hentry post odd" id="post-11">

Sorry for being such a knucklehead, but I am just not on top of coding. Appreciate the help you are providing.
BW

juggledad · #8 Nov 11, 2012, 12:27 PM

If you want to change the background for a particular page, then you need to start the CSS selector with the 'body... So in this case you would use something like 'body.page-id-11 {background-color: #00ffff;}'.

In English this says 'set the background color to 00ffff on the page with a class of 'page-id-11' on the 'body'element

westpro · #9 Nov 11, 2012, 12:50 PM

I actually copied and pasted what you sent. This changed the background for the Theme page . . . the site background . . . but it did not change the background of the contact page itself.
I hate to keep taking your time trying to figure this out. I can live with what's there. It is just a little hard to read the text on the contact form.

juggledad · #10 Nov 11, 2012, 01:10 PM

See this is one of those cases where your initial description and my interpretation of the description might not be the same thing. So you don't want to change the page background, you want to change the contact form's background, is that right?

westpro · #11 Nov 11, 2012, 01:22 PM

.post-11 {
background-color: #ffffff;
}

This did it!
Thank you.