: Background Image Stretch? : dlong23 November 01, 2014, 09:15:52 AM Great template. I am wondering, though, how to get the main background image to stretch to the full screen resolution. Nothing I've tried so far works. I would like to use an image which doesn't tile, and hence no repeat, but I can't get an image which is smaller than my screen to fill the screen. Is this possible?
: Re: Background Image Stretch? : mikek November 03, 2014, 08:52:20 AM Hello,
You would have to set a custom background under the Backgrounds tab in Vertex. Under that same tab you can set the background size to 100% or cover. : Re: Background Image Stretch? : dlong23 November 03, 2014, 08:44:39 PM Hi Mike,
I am still unable to get the "Main Body Background Settings" background to stretch to the full screen resolution. "Set your own custom Background" = Yes "Background image repeat option" = no-repeat "Background image position option" = top center "Background image size option" = [The options are: none/100% auto/auto 100%/100% 100%/auto auto/contain/cover/custom] It doesn't matter what option I pick, the image will not expand beyond its native resolution. I am using IE11 and Firefox 33.0.2 Interestingly, the image position option also never changes; it always renders the image anchored in the top-left corner regardless of any option I select. "Background image attachment option" = fixed Any pointers appreciated. : Re: Background Image Stretch? : mikek November 04, 2014, 08:12:47 AM Hello,
Please post a url to where this occurs. : Re: Background Image Stretch? : mikek November 04, 2014, 08:30:42 AM Hello,
Your background-size call is omitted. You can force it by adding the following to custom.css: body { background-size:cover !important; } : Re: Background Image Stretch? : dlong23 November 04, 2014, 08:46:36 AM Thanks, Mike! That fixed it.
: Re: Background Image Stretch? : mikenicoll November 08, 2014, 03:17:16 PM Let us know if you have any further questions!
: Re: Background Image Stretch? : wirex April 24, 2015, 06:33:56 AM Hi,
I'm facing same issue. My background settings are: Set Your Own Custom Background? Yes Choose A Background Color ffffff Background Image Name bg1800.jpg Background Image Repeat Option no-repeat Background Image Position Option top center Background Image Size Option 100% 100% Custom Background Image Size Background Image Attachment Option fixed I'm put mentioned code into custom.css but without any result. Site is here: http://s572503108.domenaklienta.pl/trial1429728720/index.php Appreciate your feedback on this. Thanks, Wirex : Re: Background Image Stretch? : wirex April 24, 2015, 07:07:12 AM Never mind. Forgot about clearing cache ;) everything works perfectly :)
: Re: Background Image Stretch? : mikenicoll April 24, 2015, 07:22:59 PM Awesome glad you got it sorted out.
: Re: Background Image Stretch? : puls3060 June 19, 2015, 03:53:06 AM Hi,
How big should the pic. be - I will do my own in PhotoShop. BR, Morten : Re: Background Image Stretch? : mikenicoll June 19, 2015, 05:24:52 PM Hello,
If you are referring to the Slider Images they are: 585x366 : Re: Background Image Stretch? : puls3060 June 20, 2015, 03:31:17 AM Hi,
I found it my self, the picture - solved :-) No, I'm reffering to the frontpage background image / template background image. BR, Morten : Re: Background Image Stretch? : mikenicoll June 22, 2015, 11:57:41 PM Alright glad you got it sorted ;)
|