Slide caption size
URL to the page in question:
-
Hi Bill, I’d like to change the layout of the slides on the home page of the Forward theme, primarily because, as a non-profit, we don’t have high quality images like yours, nor do we have anything with the width needed for the current layout (1140 px). Is it possible for me to change the slides so that the slide caption is something like 800 px wide and the image only ~400 px wide, and the photo is next to the slide caption box, not behind it? many thanks
Karen,
Good question there. We can certainly give it a shot. Here’s how I would go about it:
- Go to the Appearance section in your WordPress dashboard and click on Customize.
- Look down for the advanced section and click on it. Then choose Custom CSS.
- In the box there, add this:
.flexslider .slide img {
width: auto;
float: right;
}
.flexslider li.slide {
overflow: hidden;
}
div.slide-box,
.flexslider li.slide {
background-color: #000;
}
@media only screen and (min-width: 1181px) {
.flexslider li.slide {
height: 475px;
}
div.slide-box {
width: 800px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1180px) {
.flexslider li.slide {
height: 395px;
}
div.slide-box {
width: 600px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.flexslider li.slide {
height: 303px;
}
div.slide-box {
width: 500px;
}
}
- Save your changes.
Have you tried looking through some of the good, free image sites out there for larger images that you could use? Flickr has quite a few Creative Commons licensed images of dogs (https://www.flickr.com/search/?text=dogs&license=2%2C3%2C4%2C5%2C6%2C9) that you could use. Since they’re a very popular subject matter, there are quite a few good ones out there if that helps.
Take care,
Bill
Worked like a charm, thanks Bill. I wish I could use stock images, but we’re conveying authentic success stories and symptoms of illness etc, so have to use what we have. :/
I completely understand. Glad that did the trick for you too.
Take care,
Bill
- The topic ‘Slide caption size’ is closed to new replies.