Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

Background image to not show on one page


  #1  
Old Aug 27, 2015, 10:10 PM
skylang
 
7 posts · Aug 2015
I have a background image which shows on all pages. However, I want to make a landing page that doesn't show the background image so the visitor isn't distracted from the action they should take.

Is there any way to stop the background image from showing on one particular page?
  #2  
Old Aug 28, 2015, 02:53 AM
juggledad's Avatar
juggledad
 
23,492 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Sure create a css selector targeting that page and a CDs rule to not display it
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Aug 28, 2015, 06:45 AM
skylang
 
7 posts · Aug 2015
Sounds good. What is the class of the background image? I couldn't find it.

Do I have it straight it would mean adding the following CSS insert:

body.page-id-XX div.[background-image-class] {display: none;}
  #4  
Old Aug 28, 2015, 06:59 AM
juggledad's Avatar
juggledad
 
23,492 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what's the url?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Aug 28, 2015, 07:10 AM
skylang
 
7 posts · Aug 2015
PM'd you with link to url
  #6  
Old Aug 28, 2015, 09:50 AM
juggledad's Avatar
juggledad
 
23,492 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
HTML Code:
body.page page-id-225 {background-image: none;}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Aug 28, 2015, 10:21 AM
skylang
 
7 posts · Aug 2015
Great! Much appreciated.
  #8  
Old Aug 28, 2015, 11:45 AM
skylang
 
7 posts · Aug 2015
Only thing is it's not working. And there's a strange anomaly - when I go to the page and "View Source" I see the css rule I added but with the final semi-colon stripped out. So of course the browser ignores it.

As it appears in CSS Inserts:
HTML Code:
body.page page-id-225 {background-image: none; }
As it appears in the source code of the page:
HTML Code:
body.page page-id-225{background-image:none}
Without the last semi-colon!! What gives?
  #9  
Old Aug 28, 2015, 11:58 AM
skylang
 
7 posts · Aug 2015
It must have been a caching problem, because it is now correct.

However, the background image is still showing.
  #10  
Old Aug 28, 2015, 12:33 PM
skylang
 
7 posts · Aug 2015
Okay, I got it to work. The css rule needs to be:

HTML Code:
body.page-id-225 {background-image: none;}
  #11  
Old Aug 28, 2015, 04:52 PM
juggledad's Avatar
juggledad
 
23,492 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Oops typo, glad you could dig in and figure it out!
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #12  
Old Dec 8, 2015, 12:22 PM
striped aardvark
 
50 posts · Mar 2010
dundas, ontario, canada
argh! this is driving me nuts. shouldn't this be the correct code to alter the background of an individual page? :

body.page-id-247 {background-color: #ffffff;}

what am i doing wrong!?

http://www.sizzlingexpress.ca/test/
  #13  
Old Dec 8, 2015, 12:48 PM
striped aardvark
 
50 posts · Mar 2010
dundas, ontario, canada
never mind.. i'm just going to use a table
  #14  
Old Dec 8, 2015, 01:09 PM
juggledad's Avatar
juggledad
 
23,492 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Because you also have a background image you need to use this
HTML Code:
body.page-id-247 {
    background: #ffffff none repeat scroll 0 0;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #15  
Old Dec 8, 2015, 01:14 PM
striped aardvark
 
50 posts · Mar 2010
dundas, ontario, canada
aha! 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] Header Image and background does not show on my Welcome and About Us page bweddin1 Header configuration & styling 4 May 26, 2013 04:52 PM
IMage Background not show in 3.6.4 mpoma Page & Category Menu Bars 7 Mar 16, 2011 11:08 AM
background image does not show up turnerbearing Header configuration & styling 15 Jan 16, 2010 06:44 AM
May header and background image not show up! Please help.. JOY Header configuration & styling 3 Sep 24, 2009 03:30 AM
[SOLVED] How to get a background image show thru background color juggledad Header configuration & styling 3 Apr 18, 2009 05:03 AM


All times are GMT -6. The time now is 10:48 PM.


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