Foundation Cover Overlay Not Displaying Correct


(Steve Peterson) #1

I am using a cover overlay for a website I’m designing and am having an issue with it partially displaying again on the website. The graphic is a piece of notebook paper jpeg (1026 x 1146 pixels) and a Foundation - Site Sizing of 1000 pixels max width. Here’s what it looks like after previewing in RapidWeaver and/or previewing the page in Safari. How can I get rid of the second iteration of the notebook paper to the far right?


(Joe Workman) #2

Turn off repeat for the background.


(Steve Peterson) #3

Thanks Joe. Is that via CSS or is there a Foundation UI button/box or similar that I can uncheck? Looking in the UI and not seeing it.


(Joe Workman) #4

You should be setting the site background via Site Styles.


(Steve Peterson) #5

I got it. Tiled Image. No Repeat. Thanks!


(Joe Workman) #6

Or Cover Image… that will stretch it across the entire page.