Archived

This topic is now archived and is closed to further replies.

  • 0

Transparency on one page


Question

Posted · Report post

Hi!

 

I am trying to get one page to be transparant. I have used this

 

 

body #page .page-canvas {
background-color: transparent;
}
 
But that makes the whole site transparant, and thats not what I want, I want to have body n one collor
and footer in another exept on one page.
 
How do I target just one page ?

Share this post


Link to post
Share on other sites

10 answers to this question

Posted · Report post

Hi!

 

I have used firebug and located my CSS But the background is still white as you can see from this picture.

 

Sk%C3%A4rmavbild-2013-06-17-kl.-10.10.25

Share this post


Link to post
Share on other sites

Posted · Report post

Peter,

 

Which link to that specific page? I'll take a look and try to find more specific CSS.  Are you absolutely sure that is the correct page number?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Rob!

 

Yes I am. This site is on my local machine. I think I have spent to many ours with this so I decided not to go any further.

This should have been pretty easy, and it´s not. I give up!

 

Thanks anyways!

Share this post


Link to post
Share on other sites

Posted · Report post

Peter,

 

Remember, you may be seeing transparency and not know it. Depending on what's behind the parts that are set to transparency.  When you look through a window of glass, you're going to see what's on the other side.  There will always be a color there, usually set in Dashboard > PageLines > Site Options > Color Control.  But even if you don't have settings for colors there,  the page will default to some color. 

 

Transparency only handles a layer, but behind that layer has to be something.

Share this post


Link to post
Share on other sites

Posted · Report post

Yes I know. The layer I want to se is the background picture of a map. In front of it there is this white layer that I want to be there on all pages except this one. And when I remove "page-id-18" and keep the rest the white layer is gone. But that goes for all the pages. And that I dont want.

 

I have managed to do this in another way on another live site. Thats why I dont want to dig into this more. It is not the way I intendent but it will work. Instead of having the page colored white i painted the body white. This way i can not have a different color in the footer that was intended. 

Share this post


Link to post
Share on other sites

Posted · Report post

Okay Peter, I'm sorry I wasn't of more help.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Peter,

 

Try prefixing the CSS with .page-id-XX (where XX is the page number assigned by WordPress).

 

That would limit the transparency to the one page.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks Rob!

Hm not sure I found the ID. Tryed this

 

 

body #page .page-.page-id-18 {
background-color: transparent;
}
 
But that did not work. Am I doing it wrong or do I have one page to many ?
 
 
Is the ID 18 or 

Share this post


Link to post
Share on other sites

Posted · Report post

You did the wrong code:

 

Yours:   body #page .page-.page-id-18

 

Mine:    .page-id-18 body #page .page-canvas

 

See the difference?

 

Try it again.

 

I'll be back in the morning or Danny will be in before me.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks Rob! Tried several different ways but I am not able to get it right.

Shouldn't be problem not sure what I am doing wrong ;-)

 

 

.page-id-18 body #page .page-canvas {
background-color: transparent;
}
 
Didn't work either

Share this post


Link to post
Share on other sites