Styling the slider

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor slidervilla

    (@slidervilla)

    11 years, 10 months ago

    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

    (@thrice)

    11 years, 10 months ago

    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

    (@slidervilla)

    11 years, 10 months ago

    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.