Jump to content


Photo
- - - - -

Full Width Feature Slider that scales

Feature

Best Answer Danny , 22 October 2012 - 10:02 AM

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; }
Go to the full post


  • Please log in to reply
4 replies to this topic

#1 rbirse1

rbirse1

    Member

  • Members
  • 13 posts

Posted 14 September 2012 - 09:32 PM

My Web Site:

Please Login or Register to see this Hidden Content



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

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 14 September 2012 - 11:06 PM

Okay. Our slider does not go edge-to-edge on browsers. However, this does. I've recommended it to several clients who've been very happy.

Please Login or Register to see this Hidden Content



#3 cf666

cf666

    Advanced Member

  • Members
  • 44 posts
  • LocationLos Angeles, CA
  • Country: Country Flag

Posted 22 October 2012 - 12:42 AM

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.

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 13021 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 22 October 2012 - 10:02 AM   Best Answer

Hi,

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

Please Login or Register to see this Hidden Content


  • keithmagvacom likes this

#5 codesigner

codesigner

    Newbie

  • Members
  • 2 posts
  • Country: Country Flag

Posted 06 February 2013 - 10:45 PM

Hi Danny,

 

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

 

Please Login or Register to see this Hidden Content

And was pleased with the result.

 

Thanks a million,

Brian


 







Also tagged with one or more of these keywords: Feature