Title: CSS styling for ALL slides
Last modified: October 9, 2018

---

# CSS styling for ALL slides

 *  Resolved [gmsiegel](https://wordpress.org/support/users/gmsiegel/)
 * (@gmsiegel)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/css-styling-for-all-slides/)
 * I have a slider with 9 images which I’d like to apply CSS stlying to **ALL **
   of them globally. How do I do this? I see the **General Settings \ Appearance**
   section with the **Class name** and **Slider custom styles** options are.
 * web site: [http://test.grayphoto.us](http://test.grayphoto.us)
    (The slider appears
   on the home page)
 * Thanks in advance.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-styling-for-all-slides%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Thread Starter [gmsiegel](https://wordpress.org/support/users/gmsiegel/)
 * (@gmsiegel)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/css-styling-for-all-slides/#post-10765192)
 * I actually think I solved this:
 *     ```
       .master-slider-parent img:hover {
           opacity: 1;
           filter: alpha(opacity=100); /* For IE8 and earlier */
       }
       ```
   
 *  Plugin Contributor [averta support](https://wordpress.org/support/users/averta_support/)
 * (@averta_support)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/css-styling-for-all-slides/#post-10776967)
 * Hi,
 * Thank you for using Master Slider.
 * I’m glad the problem has been resolved. But it is better to define specific classname
   for your slider.
 * If you need any further information, please let me know.
 * Best,
 *  Thread Starter [gmsiegel](https://wordpress.org/support/users/gmsiegel/)
 * (@gmsiegel)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/css-styling-for-all-slides/#post-10779225)
 * [@averta_support](https://wordpress.org/support/users/averta_support/) How do
   I define a specific classname for my slider? Thank you.
 *  Plugin Contributor [averta support](https://wordpress.org/support/users/averta_support/)
 * (@averta_support)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/css-styling-for-all-slides/#post-10783733)
 * Hi again,
 * Please check out this documentation:
    [http://docs.averta.net/display/mswpdoc/Slider+Appearance](http://docs.averta.net/display/mswpdoc/Slider+Appearance)
 * Good Luck,
 *  Thread Starter [gmsiegel](https://wordpress.org/support/users/gmsiegel/)
 * (@gmsiegel)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/css-styling-for-all-slides/#post-10786951)
 * [@averta_support](https://wordpress.org/support/users/averta_support/) I read
   that documentation, and the styling I included in my post above is in the **Slider
   custom styles** section. However, I’m not understanding the documentation or 
   your post about how to apply this CSS to one slider only. This is the CSS I’m
   using:
 *     ```
       .master-slider-parent img:hover {
           opacity: 1;
           filter: alpha(opacity=100); /* For IE8 and earlier */
       }
       ```
   
 * How do I apply this to a single slider only? Thank you.
 *  Plugin Contributor [averta support](https://wordpress.org/support/users/averta_support/)
 * (@averta_support)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/css-styling-for-all-slides/#post-10798512)
 * Hi again,
 * Define a classname and add it to your code. Please check out the below screenshot:
   
   [http://support.averta.net/en/wp-content/uploads/masterslider-classname.jpg](http://support.averta.net/en/wp-content/uploads/masterslider-classname.jpg)
 * Have a great weekend.
 * Best,
 *  Thread Starter [gmsiegel](https://wordpress.org/support/users/gmsiegel/)
 * (@gmsiegel)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/css-styling-for-all-slides/#post-10811596)
 * [@averta_support](https://wordpress.org/support/users/averta_support/) – Thank
   you for this info. I had to add a comma between the 2 classes to get this to 
   work, but it’s good now. Thanks again.
 *     ```
       .master-slider-parent, .homepage-slider img:hover {
           opacity: 1;
           filter: alpha(opacity=100); /* For IE8 and earlier */
       }
       ```
   
 *  Plugin Contributor [averta support](https://wordpress.org/support/users/averta_support/)
 * (@averta_support)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/css-styling-for-all-slides/#post-10821067)
 * You are very welcome [@gmsiegel](https://wordpress.org/support/users/gmsiegel/)!
 * If you are satisfied with Master Slider and our services, please take a moment
   and give us a review. We would greatly appreciate it.
    [https://wordpress.org/support/plugin/master-slider/reviews/#new-post](https://wordpress.org/support/plugin/master-slider/reviews/#new-post)
 * Have a great weekend.
 * Best,

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘CSS styling for ALL slides’ is closed to new replies.

 * ![](https://ps.w.org/master-slider/assets/icon-256x256.png?rev=1638064)
 * [Master Slider - Responsive Touch Slider](https://wordpress.org/plugins/master-slider/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/master-slider/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/master-slider/)
 * [Active Topics](https://wordpress.org/support/plugin/master-slider/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/master-slider/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/master-slider/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 8 replies
 * 2 participants
 * Last reply from: [averta support](https://wordpress.org/support/users/averta_support/)
 * Last activity: [7 years, 6 months ago](https://wordpress.org/support/topic/css-styling-for-all-slides/#post-10821067)
 * Status: resolved