Jump to content

Archived

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

Objectif-Mariage

Customize body.display-full on Only one page

Recommended Posts

Objectif-Mariage

Hello , 

I would like to customize the class  "body.display-full" on only one page .

The page ID is :  .page-id-36266 

 

The customization i want to apply is  : 

body.display-full .pl-content { max-width: 100%; }

 

 

But I don't know how to apply it on only one the page ....

 

Usely , When i want to change something on only one page, i manage to customize only one page like that  : 

page-id-36266 {overflow-y:hidden;}     (for exemple).

 

But here , i try this, but i don't succed.

page-id-36266 body.display-full .pl-content { max-width: 100%;}
 
 
I think, i have miss something.
Would you have an idea ? 
 
Alex
 
 
 
 

Share this post


Link to post
Share on other sites
batman

Hi Objectif-Mariage

Please, you can try with

 

.page-id-36266  {YOUR CODE;}

 

with a dot before page


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Objectif-Mariage

Hello batman, 

 

Thank you for you message. 
Yes, I have forget the dot, in the previous message . 

Well, i have already try all those , but no one woks .... that's why I asking help. The 

 

.page-id-36266 body.display-full .pl-content { max-width: 100%;}
.page-id-36266 { max-width: 100%;}
.page-id-36266 .pl-content { max-width: 100%;}
.page-id-36266 .display-full { max-width: 100%;}
 
.....

Share this post


Link to post
Share on other sites
Objectif-Mariage

Hello , 

I come back asking the question in an other way . 

 

What is "body.display-full " ?  And how should I used it ? 

Hope someone have the solution ! :D

 

Share this post


Link to post
Share on other sites
Objectif-Mariage

Hello , 

I finally found the solution, so i came to share it . 

 

if you need to put all the page width 100% :  body.display-full .pl-content { max-width: 100%; }

 

If you need to put Only one page width 100% : .page-id-36266 div .pl-content {max-width: 100%;} !

 

The subtlety, is to apply the .pl-content class, to the DIV ! 

because if you try without , it won t work.

Share this post


Link to post
Share on other sites

×