WordPress.org

Ready to get started?Download WordPress

Forums

Slideshow
[resolved] How To Drop Shadow Below The Image Slide Show? (7 posts)

  1. Febrian Djaka Putra
    Member
    Posted 1 year ago #

    Hi..

    Do you have any advice if i want to drop a shadow effect below the slide show image in my home website ( visit : http://www.potcream.web.id )? I try and try using any code that i know, but still not work. Thanks in advance.

    http://wordpress.org/extend/plugins/slideshow-jquery-image-gallery/

  2. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    You should create a custom style for the slideshow to give it a shadow. You can find out how to create a custom style in the FAQ section.

    Then have a look at this tutorial at CSS-tricks.com, it will explain to you how to create a CSS shadow, if you didn't already know.

    The shadows should be applied to the '.slideshow_container' class in the custom stylesheet.

  3. Febrian Djaka Putra
    Member
    Posted 1 year ago #

    Still not work... :(

  4. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    I'm seeing a shadow below the slideshow, which looks great!

    If you can't see the shadow, it may be that you're on a browser that doesn't support shadows yet. Mozilla Firefox and Google Chrome both do show the shadow behind the slideshow, so you may want to check it in those browsers.

  5. Febrian Djaka Putra
    Member
    Posted 1 year ago #

    Yeah, finally.

    Just use this in my theme :

    <div style="box-shadow: #yourcolor 0px 15px 15px; width:yoursizepx; height:yoursizepx;"><?php do_action('your slideshow code'); ?></div>

  6. labecs
    Member
    Posted 1 year ago #

    Hi, Febrian! I love the effect! I am not a coder, would you mind telling me where you added the code you mention above? I thank you in advance!

  7. Febrian Djaka Putra
    Member
    Posted 1 year ago #

    I use this theme : http://wordpress.org/extend/themes/responsive.

    And i put the code at home.php :

    Inside the feature image section.

    <div id="featured-image" class="grid col-460 fit"> 
    
           <div style="box-shadow: #888888 0px 15px 15px; width:448px; height:448px;"><?php do_action('slideshow_deploy', '5483'); ?></div>
    
            </div><!-- end of #featured-image -->

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic