Jump to content
pehja

Transparency on one page

Recommended Posts

pehja+    12
pehja

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 ?

Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
pehja+    12
pehja

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 

Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
pehja+    12
pehja

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

Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
pehja+    12
pehja

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


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Rob    547
Rob

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?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
pehja+    12
pehja

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!


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
pehja+    12
pehja

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. 


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Rob    547
Rob

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


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • Houston Haynes
      By Houston Haynes+
      Hey folks - I'm trying to get right of some 'dead space' at the bottom of the page in the Material Theme. (see attached) Those two gray lines have an "Edit" button in between them when the browser has a login cookie for the site. Here I created a screenshot from a browser session that doesn't have context for my main login, so you can see that the "Edit" indicator is gone, but the bars and the space it occupies still remains. Can someone help me isolate this so I can make it *completely* disappear? Thanks.

    • j powers
      By j powers+
      Looking to fond the best way to add in some javascript, the script is from Salesforce to add a chat button, ie Chat available / chat offline.  I need to add this to a specific page though.
       
      Much apprciated 
       
    • tristanrodgers
      By tristanrodgers+
      Hi there!
      Hi would like to have the thumbnail photos on the left side and not on the top of the topic to the blog post. Where can i fix that?
      http://mc1r-magazine.com/blog/
      Greetings from Hamburg,
      Tristan
    • zetanet
      By zetanet+
      I would like to use 10 iboxes (always the same 10 iboxes) as left menu on 12 pages. In this way, all pages have the same left menu and they changes only for the page main content.
      I don't want to set all 10 iboxes in all 12 pages (cause i should repeat 12 times the same values).
      Is it possible to duplicate a page with all the boxes already set eleven times in order to keep iboxes images/links and change only the page main content?
    • targethr
      By targethr
      Dear Pagelines,
       
      I have created pages and put in different elements and have worked on them. I would like to create new pages and shift some of these elements or copy paste some of these into the new pages.
       
      Is there a way to do this?
       
      Cheers,
      Radha
×