WordPress.org

Ready to get started?Download WordPress

Forums

Promotion Slider
[resolved] can't get rid of grey area in promo slider (33 posts)

  1. jackdt8
    Member
    Posted 3 years ago #

    Hello,

    This is a great slider, however I'm having one small problem.

    On this website, http://www.expressmediasignage.com/ , there is a promo slider in the footer that works fine. However, I can't figure out how get rid of the grey area above andbelow the sliding images.

    I tried using the solution from this post:

    http://wordpress.org/support/topic/slider-image-position-low

    however I was unsuccessful.

    I'd really appreciate any help you can provide. I'm rather stumped at the moment.

    Thanks

    -Daniel

  2. Curtix
    Member
    Posted 3 years ago #

    Was wondering the same or can the colour be changed?

  3. jackdt8
    Member
    Posted 3 years ago #

    Hey Curtix,

    So I have no idea how to remove it, but I found how to change the color.

    The person that made this didn't assign it a color, he assigned the background an imagenamed slider.jpg that is a square of the color.

    So, in the promotion slider folder under plugins, open the slider.css file.
    Change this line,

    .promo_slider .panel { background:url('images/slide.png');

    to this:

    .promo_slider .panel { background-color: #whatevercolor;

    that'll change the color for you.

  4. Micah Wood
    Member
    Plugin Author

    Posted 3 years ago #

    Daniel,

    Removing the background image that is currently set can be achieved by inserting the following line of code in your active theme's CSS file:

    div.promo_slider .panel { background: none; }

  5. Tom
    Member
    Posted 3 years ago #

    I never came here looking for this fix but it was something I planned to sort out at some stage.. you've just saved me some time.

    Thanks Woodent, appreciated

  6. venug
    Member
    Posted 3 years ago #

    The css code did n't work for me

    Can I make the background transparent? So that it mingles with the page background?

    Thanks !

  7. Micah Wood
    Member
    Plugin Author

    Posted 3 years ago #

    Setting the background to 'none' is the same thing as making the background transparent. If that code isn't working for you, perhaps you have a link to where the slider is so we can take a look at your CSS?

  8. olguinator
    Member
    Posted 3 years ago #

    I am trying to make the background transparent on my site but I am not sure where to place the css code. I tried in my style.css sheet but nothing happen. What am I missing?

    Thanks for the help.
    Hector

  9. olguinator
    Member
    Posted 3 years ago #

  10. Micah Wood
    Member
    Plugin Author

    Posted 3 years ago #

    olguinator,

    It looks like you got things working... I guess you figured it out?

  11. olguinator
    Member
    Posted 3 years ago #

    I guess so. I am not really sure what I did.

    Thanks for the support!

  12. venug
    Member
    Posted 3 years ago #

    Woodent,

    Tried again and I see it worked. I think it was the cache issue last time and It took a few minutes to show the changes now

    Thanks for your support!

  13. olguinator
    Member
    Posted 3 years ago #

    Woodent,

    I applied the css to get rid of the gray background but there is a lot of space around my slider. How do I get rid of that?

    The site is http://www.premiumcaptive.com/wordpress/home-page/

    I appreciate your help!

    Thanks,
    Hector

  14. Micah Wood
    Member
    Plugin Author

    Posted 3 years ago #

    Hector,

    It looks like you have an empty paragraph before the slider and the main heading for that page has 30px of bottom margin. The promotion slider only adds 10px before and after.

  15. New2Fla
    Member
    Posted 3 years ago #

    If you have a feature.php ...use the editor and find at the top
    and change the slideInfozoneOpacity to 0.00 and it eliminates it.

    <?php
    if(get_theme_option('featured_posts') != '') {
    ?>
    <script type="text/javascript">
    function startGallery() {
    var myGallery = new gallery($('myGallery'), {
    timed: true,
    delay: 6000,
    slideInfoZoneOpacity: 0.8, <----- change to 0.0,
    showCarousel: false
    });

  16. Kerstey
    Member
    Posted 3 years ago #

    Please can anyone help?
    I've used the promo slider on a site I'm doing and there's a black line going around the images on the top and left.
    I've tried to change the CSS on my theme and also the plugin, but not having any luck.
    Please can someone advise what I'm doing wrong?
    The link to the page is http://www.gardenbaby.co.uk/?page_id=8
    password is 1234.
    Thanks!

  17. Micah Wood
    Member
    Plugin Author

    Posted 3 years ago #

    Kerstey, add this to your theme's css file:

    .promo_slider img {
        border: none;
    }

    That should override the border that your theme is applying to the images.

  18. khartist
    Member
    Posted 2 years ago #

    Hi,
    I really like the promotion slider!

    I have the 2011 theme installed and am trying to remove the grey line in the slider. I have found the theme's CSS file, however, where exactly do I insert the code? Can anyone give me an exact location?

    div.promo_slider .panel { background: none; }

    http://dev.khartist.com/

  19. Micah Wood
    Member
    Plugin Author

    Posted 2 years ago #

    You can actually add that code just about anywhere, as long as it isn't in the middle of an existing rule. The beginning or end is a safe place.

  20. khartist
    Member
    Posted 2 years ago #

    I added the code to the Twenty Eleven: Stylesheet (style.css) at the bottom and it didn't work.

    /* =IE7
    ----------------------------------------------- */

    #ie7 article.intro {
    margin-left: -7.6%;
    margin-right: -7.6%;
    padding-left: -7.6%;
    padding-right: -7.6%;
    max-width: 1000px;
    }
    #ie7 section.featured-post {
    margin-left: -7.6%;
    margin-right: -7.6%;
    max-width: 850px;
    }
    #ie7 section.recent-posts {
    margin-right: 7.6%;
    }
    .promo_slider img {
    border: none;
    }

  21. Micah Wood
    Member
    Plugin Author

    Posted 2 years ago #

    @khartist,

    You will actually want to use this code:

    div.promo_slider .panel {
         background: none;
    }

    What you inserted only applied to @Kerstey

  22. khartist
    Member
    Posted 2 years ago #

    Thanks Micah, it worked. Awesome! A token donation is on its way! Cheers, Karen

  23. CEOcookie
    Member
    Posted 2 years ago #

    Hi Micah,

    I have set the sliders width and height according to the featured images
    dimensions, I have also set the slider options for "default image" as full.

    However the slider has some grey area on the right and bottom of the featured image, meaning to say the image doesn't take up the whole space defined by the short code.

    I am using the twenty-eleven theme.

    I have not published my website so this is the screenshot:
    http://img859.imageshack.us/img859/228/helps.png

    Hope it'll suffice.

    Thank You
    Amos

  24. Micah Wood
    Member
    Plugin Author

    Posted 2 years ago #

    Images won't stretch to fit your defined slider size if the images are smaller. The 'Full Size' image size in WordPress isn't a set size, just the dimensions of the image when you uploaded. What could be happening is you took the dimensions from one image and applied them to your slider and then you uploaded a slightly smaller image and it doesn't seem to fit anymore. I couldn't really say with any certainty without looking at the actual slider HTML, CSS, etc.

  25. weheartphotography
    Member
    Posted 2 years ago #

    I NEED MICAH!!!!

    Why is there an empty area between my image and the border I applied using CSS? http://weheartphotography.com/

    Thanks!!
    Christin

  26. esmi
    Forum Moderator
    Posted 2 years ago #

    Please post your own topic.

  27. weheartphotography
    Member
    Posted 2 years ago #

    @esmi I couldn't figure out how to. It's my first day. Thanks for the help though!! :)

  28. Micah Wood
    Member
    Plugin Author

    Posted 2 years ago #

    This rule in your theme is causing the issue:

    .article-content img,
    .article-content .gallery img,
    .pp-img-protect {
      border:solid 0px #fff;
      margin-top: 8px;
      margin-bottom: 8px;
    }

    To override this, just add this rule:

    .promo_slider_wrapper img {
      margin: 0;
    }
  29. singer1966
    Member
    Posted 2 years ago #

    Thanks Micah!! This post helped me so much! I am using the Rustic Theme, and the code that helped me was:

    div.promo_slider .panel { background: none; }

    at the end of the stylesheet.css file. I too will be sending a donation for this awesome plugin! Thanks for the support!!!

  30. martialwarrior
    Member
    Posted 2 years ago #

    Hi Micah,

    I have set the sliders width and height according to the featured images
    dimensions, I have also set the slider options for "default image" as full and all my images are exactly the same dimensions. However, the slider still has gray area on the right of the featured images, making it look like the images do not take up the entire space defined.

    I am using Genesis with the Lifestyle Child Theme at

    http://legends-legacies.com

    Thank you for your help!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic