special css for specific cms page

[sickshot]

hi,

 

I want one single cms page to have different css than any other cms pages.

 

is there any way to change css by page ID or something?

 

for example:

 

i have this for all cms pages:

 

#cms .rte{

width: 88%;

padding: 20px;

 text-align: justify;

text-justify: inter-word;

font-family: "Helvetica", Arial, sans-serif;

margin-left: auto;

    margin-right: auto;

}

 

 

but for the page with ID 17 I want to have:

 

#cms .rte{

width: 100%;

 

 

 

 

running version PS 1.6.0.9 

 

 

 

 

[sickshot]

heres the solution for styling cms pages by its ID:

point to a specific cms page with ".cms-17" and then to a class you need.

for example:  .cms-17 .revealimg

 

at the end it should look like this:

.cms-17 .revealimg {

width: 100%;

}

 

 

same applies to product pages:

 

.product-17 .revealimg {

width: 100%;

}

Edited April 27, 2020 by sickshot (see edit history)

[sickshot]

anyone can help me apply css to this url???

 

https://websiteaddress/en/Gallery/1/ketuta