[anthonyallenParticipant]

Please see this demo theme… graphpaperpress
The page is made entirely of fullwidth images with a text overlay. How can I achieve this in X with or without Cornerstone?
Note, I tried using the images as backgrounds but the image is not tall enough like this.
Also, i don’t want to use multiple sliders unless you can recommend.
Thanks,
Tony

[RupokMember]

Hi Tony,

Thanks for writing in! You could easily add background image to each section to achieve this. If you don’t have enough content then you can set minimum height for the section using the Style field. Like you can place min-height: 500px; to the style field.

Hope this helps.

Cheers!

[anthonyallenParticipant]

that works great! But..

1. Is it possible to maintain scale?
I tried,
width:100%; height:auto;
That didn’t work.

2. If 1 is not easily possible, is it ok to call multiple instances of a slider like RS and only use a static hero image or would that be too resource intensive or cause problems?

Thanks.

[ZeshanMember]

Hi Anthony,

#1: You can use padding top and bottom in percentages instead of the min-height (see: http://prntscr.com/ar9gld). It will scale the height of the section automatically depending on the screen size.

Thank you!

[Author]

Posts