Slide caption size

Support Area Forums Forward Slide caption size

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question:
  • Author
    Posts
  • #30442
    Karen Sykes
    Participant

    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

    #30445
    Bill Robbins
    Moderator

    Karen,

    Good question there. We can certainly give it a shot. Here’s how I would go about it:

    1. Go to the Appearance section in your WordPress dashboard and click on Customize.
    2. Look down for the advanced section and click on it. Then choose Custom CSS.
    3. 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;
      	}
      
      }
      
      
    4. 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

    #30452
    Karen Sykes
    Participant

    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. :/

    #30462
    Bill Robbins
    Moderator

    I completely understand. Glad that did the trick for you too.

    Take care,
    Bill

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Slide caption size’ is closed to new replies.