WordPress.org

Ready to get started?Download WordPress

Forums

My top slider stops expanding once it reaches around 14 inches (!) (9 posts)

  1. james948
    Member
    Posted 1 year ago #

    Just realised how pornographic that subject line was. Anyway; it does.
    See here: http://www.wearesquare.co.uk

    try and expand it and the picture just stops expanding leaving a large gap. Anyone know why this is and what I can do to help?
    thanks.

  2. Phil
    Member
    Posted 1 year ago #

    Lol @ title (hell, made me click!)

    Anyway, your image is only 1535px anyway, so it will only go as big as that.

    Saying that, you can use some neat CSS3 to make it bigger (past the max size of the image, it will slightly pixelate), by adding in this:

    .flexslider .slides img {
        display: block;
        max-width: 100%;
        width: 100%;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    }

    Give that a whirl. (Only supported by CSS3 browsers)

  3. Phil
    Member
    Posted 1 year ago #

    (hell, made me click!)

    Actually, that makes me sound gay...

  4. james948
    Member
    Posted 1 year ago #

    Amazing!
    I'm using a theme. Which part do I add this to? I might just make the image larger.

  5. Phil
    Member
    Posted 1 year ago #

    'Appearance' --> 'editor'

    Style.css. Search for .flexslider .slides img

  6. james948
    Member
    Posted 1 year ago #

    .flexsider and .slides are not in style.css

  7. james948
    Member
    Posted 1 year ago #

    Here is what I have

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

  8. james948
    Member
    Posted 1 year ago #

    I made the pixel size huge but to no avail!

  9. Phil
    Member
    Posted 1 year ago #

    Add the CSS into flexslider.css (line 29)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.