Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

[SOLVED] change background on current page


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Nov 10, 2012, 02:59 PM
westpro
 
55 posts · Sep 2012
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
  #2  
Old Nov 10, 2012, 03:21 PM
juggledad's Avatar
juggledad
 
22,382 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
You hae a syntax error. The semicolin is in the wrong place
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Nov 10, 2012, 04:20 PM
westpro
 
55 posts · Sep 2012
body#page-id-11 {
background: #ffffff;
}

changed to this with no luck
  #4  
Old Nov 10, 2012, 07:17 PM
juggledad's Avatar
juggledad
 
22,382 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Nov 11, 2012, 06:32 AM
westpro
 
55 posts · Sep 2012
http://joecrews.com/?page_id=11

This is from the browser. Looks like a page to me.
  #6  
Old Nov 11, 2012, 06:46 AM
juggledad's Avatar
juggledad
 
22,382 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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 (.)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Nov 11, 2012, 01:00 PM
westpro
 
55 posts · Sep 2012
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
  #8  
Old Nov 11, 2012, 01:27 PM
juggledad's Avatar
juggledad
 
22,382 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Nov 11, 2012, 01:50 PM
westpro
 
55 posts · Sep 2012
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.
  #10  
Old Nov 11, 2012, 02:10 PM
juggledad's Avatar
juggledad
 
22,382 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old Nov 11, 2012, 02:22 PM
westpro
 
55 posts · Sep 2012
.post-11 {
background-color: #ffffff;
}

This did it!
Thank you.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Background image for current page item? crashley1784 Page & Category Menu Bars 2 Apr 22, 2011 07:07 PM
WordPress Menus - How to Change the Background Color of the Current Page/Category gomeetpete Page & Category Menu Bars 1 Nov 1, 2010 07:59 PM
Background color does not change for menu items in current state cfibanez Page & Category Menu Bars 4 Sep 2, 2010 12:18 PM
[SOLVED] Change current page menu bar background color Wimbledon Page & Category Menu Bars 7 Apr 4, 2010 01:33 AM
[SOLVED] Change Current Menu Item's Background to Transparent rnimchuk Header configuration & styling 2 Sep 15, 2009 06:12 AM


All times are GMT -6. The time now is 07:27 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.