Different slider images for header slider in pages

Is it possible to upload different images for the header slider in different solutions. I am getting the same set of images in every page when i set my header as header slider for the pages.

Hello there,

To globally change the slide images on other page, you should add the following CSS code through the Simple Custom CSS plugin or child theme’s style.css.

.page-id-10 .header-slider .slide-item:nth-of-type(1){
  background-image: url('http://yoursite.com/pat/to/your/slide-image1.jpg') !important;
}

.page-id-10 .header-slider .slide-item:nth-of-type(2){
  background-image: url('http://yoursite.com/pat/to/your/slide-image2.jpg') !important;
}

.page-id-10 .header-slider .slide-item:nth-of-type(3){
  background-image: url('http://yoursite.com/pat/to/your/slide-image3.jpg') !important;
}

.page-id-10 .header-slider .slide-item:nth-of-type(4){
  background-image: url('http://yoursite.com/pat/to/your/slide-image4.jpg') !important;
}

.page-id-10 .header-slider .slide-item:nth-of-type(5){
  background-image: url('http://yoursite.com/pat/to/your/slide-image5.jpg') !important;
}

To apply the changes merely on a specific page, you can use this one:


.page-id-10 .header-slider .slide-item:nth-of-type(1){
  background-image: url('http://yoursite.com/pat/to/your/slide-image1.jpg') !important;
}

.page-id-10 .header-slider .slide-item:nth-of-type(2){
  background-image: url('http://yoursite.com/pat/to/your/slide-image2.jpg') !important;
}

.page-id-10 .header-slider .slide-item:nth-of-type(3){
  background-image: url('http://yoursite.com/pat/to/your/slide-image3.jpg') !important;
}

.page-id-10 .header-slider .slide-item:nth-of-type(4){
  background-image: url('http://yoursite.com/pat/to/your/slide-image4.jpg') !important;
}

.page-id-10 .header-slider .slide-item:nth-of-type(5){
  background-image: url('http://yoursite.com/pat/to/your/slide-image5.jpg') !important;
}

From the code above, it will only affect the page which its ID is 10. You can find the page ID while editing it. In the address bar of the web browser, you will see something like: http://yoursite.com/wp-admin/post.php?post=1222&action=edit

Regards,
Kharis