FAQtoid

travischance · Aug-10-2012, 09:48 AM #1

I installed John's HTML5 slideshow yesterday & it appears to work properly on both my Windows based PC & iPad. However, the center sections on both my slideshow & galleries page no longer have the previously installed margins.

The center section of my site is solid white & the background pattern is separated with two vertical blue lines. I've tried adjusting the margins for the slideshow, but have been unsuccessful & am now seeking advice on how to correct this issue. Photos are below - Thanks!!!

SLIDESHOW

GALLERIES

***Smug Eric*** · Aug-10-2012, 12:41 PM #2

You have these two portions in your CSS:

Code:

.galleries #homepage {
    margin-left: auto;
    margin-right: auto;
    width: 750px;
}

Code:

#homepage {
    margin-left: 15px;
    margin-right: 15px;
    width: auto;
}

Remove both of those and add this:

Code:

#homepage {
    width: 985px;
    margin:  0 auto;
}

travischance · Aug-10-2012, 01:08 PM #3

Thank You Eric!!!

Any idea why on the iPad, the background is absent? The blue lines are visible, but not the background. Thanks again!

***Smug Eric*** · Aug-10-2012, 02:33 PM #4

It looks like it is showing here. I had to look in portrait and swipe up so I could see the bottom of the page. But it is showing there. It looks like the iPad is trying to fit the page content and is using that as the left/right width. So it's not leaving space to show the background there.

travischance · Aug-10-2012, 04:20 PM #5

Thanks Eric. Are you aware of anything that could eliminate this?


Similar Threads	Thread Starter	Forum	Replies	Last Post

Galleries aren't showing up on separate Gallery page, and slideshow wont go away.	unrlmth	SmugMug Customization	12	Dec-29-2011 10:58 AM
slideshow in galleries page, below thumbnails	ASF	SmugMug Customization	0	Nov-19-2010 07:35 AM
Removing slideshow from galleries page	JonasWright	SmugMug Customization	1	May-10-2010 10:15 PM
tweak help please	ChancyRat	SmugMug Customization	58	Jun-19-2009 12:18 PM
Problem with biobox slideshow and galleries page	tjsky	SmugMug Customization	2	Jul-07-2008 02:43 PM

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

FAQtoid

Dgrin Challenges

Need some help with Accessories?

Tutorials

The Hot Seat

Africa!

SmugMug How To:

SmugMug News:

SmugMug Status

Aug-10-2012, 09:48 AM #1
travischance ^OP Major grins Join Date: Mar 2009 Location: Washington DC Posts: 1,114	Width issues (Slideshow & Galleries page) I installed John's HTML5 slideshow yesterday & it appears to work properly on both my Windows based PC & iPad. However, the center sections on both my slideshow & galleries page no longer have the previously installed margins. The center section of my site is solid white & the background pattern is separated with two vertical blue lines. I've tried adjusting the margins for the slideshow, but have been unsuccessful & am now seeking advice on how to correct this issue. Photos are below - Thanks!!! SLIDESHOW GALLERIES __________________ Travis M. Chance Mark IV's \| 7D 11-16 2.8 \| 16-35 2.8L \| 24-70 2.8L \| 24-105 4L \| 70-200 2.8L \| 50 1.4 \| 135 2L \|300 2.8L \| 580EX II's \| PocketWizards site ∙ facebook

Aug-10-2012, 12:41 PM #2
*Smug Eric* Smug Hero Join Date: Sep 2008 Posts: 2,671	You have these two portions in your CSS: Code: .galleries #homepage { margin-left: auto; margin-right: auto; width: 750px; } Code: #homepage { margin-left: 15px; margin-right: 15px; width: auto; } Remove both of those and add this: Code: #homepage { width: 985px; margin: 0 auto; } __________________ Eric Support Hero and Customeister http://www.smugmug.com/help

Aug-10-2012, 01:08 PM #3
travischance ^OP Major grins Join Date: Mar 2009 Location: Washington DC Posts: 1,114	Thank You Eric!!! Any idea why on the iPad, the background is absent? The blue lines are visible, but not the background. Thanks again! __________________ Travis M. Chance Mark IV's \| 7D 11-16 2.8 \| 16-35 2.8L \| 24-70 2.8L \| 24-105 4L \| 70-200 2.8L \| 50 1.4 \| 135 2L \|300 2.8L \| 580EX II's \| PocketWizards site ∙ facebook

Aug-10-2012, 02:33 PM #4
*Smug Eric* Smug Hero Join Date: Sep 2008 Posts: 2,671	It looks like it is showing here. I had to look in portrait and swipe up so I could see the bottom of the page. But it is showing there. It looks like the iPad is trying to fit the page content and is using that as the left/right width. So it's not leaving space to show the background there. __________________ Eric Support Hero and Customeister http://www.smugmug.com/help

Aug-10-2012, 04:20 PM #5
travischance ^OP Major grins Join Date: Mar 2009 Location: Washington DC Posts: 1,114	Thanks Eric. Are you aware of anything that could eliminate this? __________________ Travis M. Chance Mark IV's \| 7D 11-16 2.8 \| 16-35 2.8L \| 24-70 2.8L \| 24-105 4L \| 70-200 2.8L \| 50 1.4 \| 135 2L \|300 2.8L \| 580EX II's \| PocketWizards site ∙ facebook


Tell The World!

Tweet