Specific CSS code for slideshow for all devices

• 

  covlife151 · Member · Mar 17, 2017 at 2:52 am

  • Copy link
  • Add topic to favorites

  When the code was changed to increase the size on the computer, it then increased the size on the iPhone way to large. Is there a code that would make it adaptable for most devices?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Mar 17, 2017 at 8:19 pm

  • Copy link

  Hi there, are you talking about the text below the slideshow on the main page?

• 

  covlife151 · Member · Mar 17, 2017 at 8:47 pm

  • Copy link

  Its the slideshow pictures. They are a little small when viewed on the computer but look good on iPhone & iPad. I enlarger the pictures to look good on the computer but then they were to large for the other devices.

• 

  thesacredpath · Member · Mar 17, 2017 at 10:52 pm

  • Copy link

  Thanks for the clarification. Give the following a try and you can adjust the 600px max-width as desired. It resizes for all screen sizes.

  .homepage .header.section .content-caption {
  	max-width: 600px;
  	width: 100%;
  	margin-left: 20px;
  	margin-right: 20px;
  }

• 

  covlife151 · Member · Mar 17, 2017 at 11:28 pm

  • Copy link

  Thank you so much for responding and willing to share your wealth of knowledge. The code makes it look so much better and it was very easy to adjust as desired.

• 

  thesacredpath · Member · Mar 17, 2017 at 11:49 pm

  • Copy link

  Hooray and you are welcome!