Shape 5

Joomla Templates => Helion - Club => : dlong23 November 01, 2014, 09:15:52 AM



: 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 ;)