WordPress.org

Ready to get started?Download WordPress

Forums

Smooth Slider
remove borders from full width slider (10 posts)

  1. hatch663
    Member
    Posted 3 years ago #

    Hi,
    This is a great plugin, thank you!
    I have inserted it into the header of my slider, but am unable to remove the borders from around the image - so that they fill the container. It appears there is some sort of margin or padding, but I have changed all margins and padding in the CSS files to 0.

    Please help!

    Thanks :)

  2. unexploded
    Member
    Posted 3 years ago #

    I have exactly the same issue. I've spent about four hours trying to figure this one. I'll let you know if I have any luck.

  3. glaze0101
    Member
    Posted 3 years ago #

    For me the issue was that in my theme css
    #content img was set to 640
    changed that and the issue was fixed

  4. Daniel Payne
    Member
    Posted 3 years ago #

    Add the following line of CSS to your theme style.css file to remove the link border around the slider image:

    div.promo_slider img { border:0px; }

    IE requires this, other browsers like Firefox do not.

  5. hatch663
    Member
    Posted 3 years ago #

    Thanks very much for your suggestions.

    I have tried them both, but the problem remains :(

  6. bhupi123
    Member
    Posted 3 years ago #

    facing the same problem...it shows an extra padding in smooth slider, and I am not able to locate it either.

    .jcarousel-skin-default .jcarousel-clip-horizontal {
    padding: 0 20px;
    width: 951px;
    }

    Tried to apply in the header as well but not able to solve it till now.

    Any suggestions would be great?

  7. e.j.h.
    Member
    Posted 3 years ago #

    I have the same problem. Is there somebody who can help?

  8. Ciro Urdaneta
    Member
    Posted 3 years ago #

    same problem here, tried editing the CSS but no solution yet

  9. ap2011
    Member
    Posted 3 years ago #

    I also have the same problem, I wish it would go away :P

  10. formica
    Member
    Posted 2 years ago #

    In the style.css look for

    #branding img {
    height: auto;
    margin-bottom: -7px;
    margin-top:4px;
    }

    And remove the margin-top and bottom.

    Seemed to work for me.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic