Forum Support

Shape 5
March 28, 2024, 09:01:27 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Background Image Stretch?  (Read 1266 times)
dlong23
Jr. Member
**
Offline 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
Administrator
*****
Offline Offline

Posts: 28743



WWW
« 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 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
Administrator
*****
Offline Offline

Posts: 28743



WWW
« 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
Administrator
*****
Offline Offline

Posts: 28743



WWW
« 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 Offline

Posts: 29



« Reply #5 on: November 04, 2014, 08:46:36 AM »

Thanks, Mike! That fixed it.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« 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 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.php

Appreciate your feedback on this.

Thanks,
Wirex
Logged
wirex
Jr. Member
**
Offline Offline

Posts: 11



« Reply #8 on: April 24, 2015, 07:07:12 AM »

Never mind. Forgot about clearing cache Wink everything works perfectly Smiley
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« 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 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
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« 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 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
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #13 on: June 22, 2015, 11:57:41 PM »

Alright glad you got it sorted Wink
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
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.