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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Phil

    (@owendevelopment)

    11 years, 11 months 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)

    Phil

    (@owendevelopment)

    11 years, 11 months ago

    (hell, made me click!)

    Actually, that makes me sound gay…

    Thread Starter james948

    (@james948)

    11 years, 11 months ago

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

    Phil

    (@owendevelopment)

    11 years, 11 months ago

    ‘Appearance’ –> ‘editor’

    Style.css. Search for .flexslider .slides img

    Thread Starter james948

    (@james948)

    11 years, 11 months ago

    .flexsider and .slides are not in style.css

    Thread Starter james948

    (@james948)

    11 years, 11 months ago

    Here is what I have

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

    Thread Starter james948

    (@james948)

    11 years, 11 months ago

    I made the pixel size huge but to no avail!

    Phil

    (@owendevelopment)

    11 years, 11 months ago

    Add the CSS into flexslider.css (line 29)

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘My top slider stops expanding once it reaches around 14 inches (!)’ is closed to new replies.