Smooth Slider Ignores Custom CSS

  • Randy King

    (@randyking)


    13 years, 2 months ago

    I have copied the “Generated CSS” after setting up the slider, edited the custom CSS file under a copy of the skins/sample directory, and replaced the code section at the bottom. Then I edited the class entry for .smooth_slideri{} to create padding for the text within the slider.

    I confirmed the values that I used using a Firefox HTML/CSS Inspector which allowed me to modify the CSS on the fly to get exactly the desired effect. The element in question is the “slideri” DIV. I transferred these values to the CSS, set both the slider control panel CSS and individual post CSS from “default” to use my new CSS file.

    The slider is instantiated with a SHORTCODE on a page.

    It doesn’t work. Using the CSS inspector, I see that the “slideri” DIV is not using my custom values.

    What am I missing here?

    http://wordpress.org/extend/plugins/smooth-slider/

Viewing 4 replies - 1 through 4 (of 4 total)
  • steupz

    (@steupz)

    13 years, 2 months ago

    What’s your site Randy?
    Are you sure that’s slideri? I think you may have the element name wrong

    Thread Starter Randy King

    (@randyking)

    13 years, 2 months ago

    Here’s the page with the slider on it: http://www.thehealingchick.com/plugs/ – what I ended up doing is fudging the margins and padding of a DIV around the slider so that I could put my own border around it.

    Here is a snapshot of my screen with the element inspector running: http://www.thehealingchick.com/images/slider_div.png

    In the top image, this is the default display (with my fudging applied using a DIV on the page). In the bottom image, I adjusted the width and the margins of the slideri element and you can see the effect.

    Here’s the KEY to what I am getting at: I want the navigation arrows to appear OUTSIDE the edges of the text farther than what they do by default because of the border that I’m using. The fudge works OK, but I would really like to have total control over it.

    So that’s what I coded for my custom CSS as I said initially, and it is being ignored.

    Alexander Barwig

    (@abarwig)

    13 years, 2 months ago

    Sorry, just ignore this post.

    Plugin Contributor slidervilla

    (@slidervilla)

    13 years, 1 month ago

    Use !important parameter in the CSS to override the inline styles. For example

    .smooth_slideri {width:300px !important;}

    Now this will override the width of the slides even if he style is appearing inline. Let me know if it helps.

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

The topic ‘Smooth Slider Ignores Custom CSS’ is closed to new replies.