Just add .page-id-175
(with a trailing space) at the beginning of the selector on the CSS you want to be specific to that page.
Along the lines of:
.page-id-175 .another-selector {
property: value;
}
Thread Starter
Tania
(@tanidara)
Thank you soooo much!!!!
You are genius! @electricfeet
Thread Starter
Tania
(@tanidara)
sorry, I have to re-open this post.
I created different slider with exact sized images for services page: 1200×300.
Slider size is correct, but images inside are not.
how to fix this?
http://dreamitstudio.designatrouge.com/?page_id=175
Thread Starter
Tania
(@tanidara)
I have in css
/*Slider size services page*/
.page-id-175 .carousel .item {
line-height: 300px;
overflow: hidden;
min-height: 300px;
width: 1200px;
}
.page-id-175.carousel-image img{width:1200px!important; height:300px!important;}
It doesn’t work 🙁
My images are exact size 1200×300.
Thread Starter
Tania
(@tanidara)
I cloned services page to play with different settings
http://dreamitstudio.designatrouge.com/?page_id=314
Only I changed slider option to full width. see what happened.
Is someone can help me to fix this problem.
Thank you.
I just looked at one of your slide’s images. It is called http://i2.wp.com/dreamitstudio.designatrouge.com/wp-content/uploads/2014/06/300_hair.jpg?resize=1170%2C500
That’s not standard Customizr code. Did you add it yourself, or are you using a plugin?
Thread Starter
Tania
(@tanidara)
I wanted thank you for taking time and helping me @electricfeet
no, I used regular wp uploader.
I don’t understand why it resize to 500 high.
here is link to screen shot of uploaded & resized (by wp) images for this file
http://dreamitstudio.designatrouge.com/wp-content/uploads/2014/06/Screen-Shot-of-image-sizes.png
I don’t see there 1170×500
What it can be?
The ?resize=1170%2C500
is non-standard.
The screenshot explains what’s happening, I think: If you upload an image at 1200×300, it will never be resized to 1170×500, because WordPress/Customizr doesn’t stretch images. You will need to upload an image of 1170×500 if that’s the size you want to display. (Or a larger one, but with that aspect ratio.)
Thread Starter
Tania
(@tanidara)
Thank you @chappie.
@electricfeet. I will play with sizes. I want the slider to be 300 or 350, but 702 or 819 it will not be enough for the width. I may create the image 500 but with white space at the bottom (it will be hidden, I guess)
Thank you. I will let you know.
Thread Starter
Tania
(@tanidara)
Ok, I created images 1200×500, but picture what I want to see only on the top of 300px.
It works!
http://dreamitstudio.designatrouge.com/?page_id=175
this part of the code was unnecessary:
.page-id-175.carousel-image img{width:1200px!important; height:300px!important;}
Thank you @electricfeet so much for your help.