Jump to content

Archived

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

Objectif-Mariage

How to modify elements only on one specific page ?

Recommended Posts

Objectif-Mariage

I want to modify the css of the caption of a galerie, but just on one page.

 

for ex : this : #gallery-1 .gallery-caption {

Style
}

 

Do you know how to modify only on one page ?  for ex with the page id : 112 ?

I have tried to wright that is the css customization :

 

.page-id-112 #gallery-1 .gallery-caption {

background:rgba(190,230,230,0.7);padding:30px 30px 30px 30px; margin: -25px 30px 30px 30px; text-align: justify;
}
 
but it does not affect only the page 112, but all pages.
So , Does somebody know how to affect only one page ? 
 
tank's
Alex

Share this post


Link to post
Share on other sites
greenfly

Hello @Objectif-Mariage

 

 

do you have a link to the page you would like to change and i'll take a look at the code. 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
Objectif-Mariage

Hello Martin , 

thank you for your answer . 
FInally i found the answer on the forum by looking for an other problem .

I had to put "body" in the biginin of my code , that give  :

 

body .page-id-112 #gallery-1 .gallery-caption {

background:rgba(190,230,230,0.7);padding:30px 30px 30px 30px; margin: -25px 30px 30px 30px; text-align: justify;
}
 
(the page is the man page of www.objectif-mariage.fr )

Share this post


Link to post
Share on other sites
James B

Glad you managed to resolve, thank you for updating the post with the answer


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

×