dlong23
Jr. Member
Offline
Posts: 29
|
|
« on: 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?
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #1 on: 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.
|
|
|
Logged
|
Mike Knott ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
dlong23
Jr. Member
Offline
Posts: 29
|
|
« Reply #2 on: 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.
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #3 on: November 04, 2014, 08:12:47 AM » |
|
Hello,
Please post a url to where this occurs.
|
|
|
Logged
|
Mike Knott ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
mikek
|
|
« Reply #4 on: 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; }
|
|
|
Logged
|
Mike Knott ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
dlong23
Jr. Member
Offline
Posts: 29
|
|
« Reply #5 on: November 04, 2014, 08:46:36 AM » |
|
Thanks, Mike! That fixed it.
|
|
|
Logged
|
|
|
|
mikenicoll
|
|
« Reply #6 on: November 08, 2014, 03:17:16 PM » |
|
Let us know if you have any further questions!
|
|
|
Logged
|
Mike Nicoll ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
wirex
Jr. Member
Offline
Posts: 11
|
|
« Reply #7 on: 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.phpAppreciate your feedback on this. Thanks, Wirex
|
|
|
Logged
|
|
|
|
wirex
Jr. Member
Offline
Posts: 11
|
|
« Reply #8 on: April 24, 2015, 07:07:12 AM » |
|
Never mind. Forgot about clearing cache everything works perfectly
|
|
|
Logged
|
|
|
|
mikenicoll
|
|
« Reply #9 on: April 24, 2015, 07:22:59 PM » |
|
Awesome glad you got it sorted out.
|
|
|
Logged
|
Mike Nicoll ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
puls3060
Jr. Member
Offline
Posts: 47
|
|
« Reply #10 on: June 19, 2015, 03:53:06 AM » |
|
Hi,
How big should the pic. be - I will do my own in PhotoShop.
BR, Morten
|
|
|
Logged
|
|
|
|
mikenicoll
|
|
« Reply #11 on: June 19, 2015, 05:24:52 PM » |
|
Hello,
If you are referring to the Slider Images they are:
585x366
|
|
|
Logged
|
Mike Nicoll ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
puls3060
Jr. Member
Offline
Posts: 47
|
|
« Reply #12 on: 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
|
|
« Last Edit: June 20, 2015, 03:46:00 AM by puls3060 »
|
Logged
|
|
|
|
mikenicoll
|
|
« Reply #13 on: June 22, 2015, 11:57:41 PM » |
|
Alright glad you got it sorted
|
|
|
Logged
|
Mike Nicoll ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
|