[SOLVED] change background on current page
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 |
You hae a syntax error. The semicolin is in the wrong place
|
body#page-id-11 {
background: #ffffff; } changed to this with no luck |
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) |
|
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 (.) |
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: <!-- Main Body --> <tr id="bodyrow"> <!-- Main Column --> <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 |
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 |
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. |
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?
|
.post-11 {
background-color: #ffffff; } This did it! Thank you. |
All times are GMT -6. The time now is 06:13 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.