Title: Styling the slider
Last modified: August 21, 2016

---

# Styling the slider

 *  [Thrice](https://wordpress.org/support/users/thrice/)
 * (@thrice)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/styling-the-slider/)
 * Hi!
 * I’m wondering where I can style the slider. I’ve tried making a new stylesheet
   that is neither ‘default’ or ‘sample’, but some settings are still being controlled
   by panel under the Settings tab.
 * Thanks
 * [https://wordpress.org/plugins/smooth-slider/](https://wordpress.org/plugins/smooth-slider/)

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

 *  Plugin Contributor [slidervilla](https://wordpress.org/support/users/slidervilla/)
 * (@slidervilla)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/styling-the-slider/#post-5035967)
 * I would suggest to use default stylesheet and add the custom styles in “Custom
   Styles” box available under Miscellaneous section on Smooth Slider settings page.
 * Let me know if it helps.
 *  Thread Starter [Thrice](https://wordpress.org/support/users/thrice/)
 * (@thrice)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/styling-the-slider/#post-5035983)
 * I’ve tried using the custom styles, but the only thing it will let me style from
   there is the ‘read more’ button.
 * An example is that I would like more margin from the image to the right. On default
   it’s set to 10px. After trying to change it to 65px both under custom styles 
   and in the default.css, it’s still 10px.
 * Perhaps I’m missing something here?
 * Thanks
 * _.smooth\_slider .smooth\_slider\_thumbnail{
    float:left; margin:0 10px 0 0px;
   max-height:226px; border:0px solid; width:421px; }
 *  Plugin Contributor [slidervilla](https://wordpress.org/support/users/slidervilla/)
 * (@slidervilla)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/styling-the-slider/#post-5036077)
 * I think you should use !important to overwrite the inline element styles. Replace
   the css with the following code,
 * .smooth_slider .smooth_slider_thumbnail{
    float:left !important; margin:0 10px
   0 0px !important; max-height:226px !important; border:0px solid !important; width:
   421px !important; }
 * Let me know if it helps.

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

The topic ‘Styling the slider’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/smooth-slider_e7cacb.svg)
 * [Smooth Slider](https://wordpress.org/plugins/smooth-slider/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/smooth-slider/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/smooth-slider/)
 * [Active Topics](https://wordpress.org/support/plugin/smooth-slider/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/smooth-slider/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/smooth-slider/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [slidervilla](https://wordpress.org/support/users/slidervilla/)
 * Last activity: [11 years, 10 months ago](https://wordpress.org/support/topic/styling-the-slider/#post-5036077)
 * Status: not resolved