Archived

This topic is now archived and is closed to further replies.

  • 0

Full Width Feature Slider that scales


Question

Posted · Report post

My Web Site: www.NeverTri.com

I have created a Static Page as my Home Page

I want to use full width Images that will scale to display 100% across the majority of pc screens. I have uploaded four images which have being sized to 1920 x 893.

They display perfectly on my desktop monitor but they are trimmed on smaller displays such as my laptop.

How do I ensure they scale to full width without losing parts of the image?

Thanks,

Rob

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

Hi,

Add this to your custom CSS and see if this works for you.

#site .thepage, #site .outline { max-width: 100%; }
#site .content, #footer .content { width: 100%; }
#site .section-features .content-pad { padding: 0; }
[/CODE]

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Danny,

 

Thanks for kickstarting the solution to this. I added one line to your custom css:

 

#features .content { max-width: 100%; }
 

And was pleased with the result.

 

Thanks a million,

Brian


 

Share this post


Link to post
Share on other sites

Posted · Report post

Rob, I've downloaded this slider but it seems it's only for BACKGROUND images, not a feature slider?

How can I have an image slider that covers the entire width of the page responsively?

Note: there would be text below it.

Share this post


Link to post
Share on other sites