Community Forums › Forums › Archived Forums › Design Tips and Tricks › Change image size in slider
Tagged: executive pro, image size, slider
- This topic has 5 replies, 2 voices, and was last updated 9 years, 7 months ago by Tom.
-
AuthorPosts
-
August 12, 2014 at 5:31 am #118370normdMember
I have the Responsive Slider working like I want. I have a description in the Excerpt, which is set to 21% (270px). Now I want my images to fit into the remaining space (870px) wide. I am using the Featured Image as the image and I want the image to fit automatically. The height is OK and I assume the image will rezise accordingly.
Where can I change the image size and not the slider size and have all the benefits of having the Featured Image resized to fit?. I like the slider size of 1140 x 445, but I want the image to be 870 x 445.
http://dobsonhomes.net/dobhwp/August 13, 2014 at 2:19 pm #118631TomParticipantGenesis responsive slider doesn't quite work that way. The slider size *IS* the image size.
The excerpt is an overlay on top of the image. The images are responsive, resizing with the viewport size. In Executive Pro the excerpt is hidden at 1023px, revealing the full-width image (originally 1140px).
I'm not aware of any sliders that do what you are asking (but that's just me; it might be possible).
Can you explain more of what you are trying to achieve with slider and image sizing (and why)?
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]August 13, 2014 at 3:26 pm #118652normdMemberTom: Thanks for the reply!
When you look at my slider on http://dobsonhomes.net/dobhwp/, you can see that the house image fills the slider window of 1140 x 445. When I have the excerpt at 21%, my current setting, it overlays on the left 270px of the 1140px image. I have the opacity set at 60% so the visitor can see the entire image. What I prefer is to have the excerpt at 100% opacity - entirely black - and not hiding the left portion of the image. So, if I could keep the slider window at 1140px wide and the image at 1140-270px = 870px, that would be ideal. That way I can display the text clearly in the excerpt and show the full image without it being cropped on the left. Thus, I would like the image width = slider width minus the excerpt width.
<-------------slider---------------->
excerpt<--------image--------->August 13, 2014 at 7:32 pm #118681TomParticipantYou want to display the full image at 870px. This will require shrinking the height to accommodate the full image at 870px instead of 1140px.
Beyond that, Genesis responsive slider doesn't do what you are asking. I don't believe there is any way to position the excerpt outside of the slider container. You might be able to do this with another slider such as Smooth Slider, etc.
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]August 13, 2014 at 7:35 pm #118682normdMemberOk. Many thanks. Where should I set the image size got 870px so thumbnails automatically fill that space. I hope I don't have to size every pic. I like the way the slider code takes any pic and fits it.
August 13, 2014 at 9:21 pm #118695TomParticipantI like the way the slider code takes any pic and fits it.
GRS crops larger images but doesn't upscale smaller images.
The image size is set under: Genesis > Slider Settings > Display Settings.
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ] -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.