how to fit background on screen?

  • 2
  • Question
  • Updated 7 years ago
  • Answered
hi, just want to ask how will i make the custom background that ive uploaded fit the screen.. i edited it and i resize it to make it bigger yet it makes no difference.. help please..
Photo of Marinel Villapando Almedilla

Marinel Villapando Almedilla

  • 10 Posts
  • 0 Reply Likes
  • silly hehe

Posted 7 years ago

  • 2
Photo of Marinel Villapando Almedilla

Marinel Villapando Almedilla

  • 10 Posts
  • 0 Reply Likes
if only im not using a free hosing and builder, the thing is i am not allowed to edit htm, dont get me wrong im not asking yola team to allow everyone to edit everything.. hai..
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
Hi, Marinel,

I've also replied to your email. How you see the background really depends on the resolution of your screen. A width of 1500 to 1700 pixels will generally fill most screens. Otherwise, you can adjust the CSS but it is much easier to do with Yola Silver that allows Site CSS editing--you can read more about it here: http://www.yola.com/tutorials/article...
Photo of Marinel Villapando Almedilla

Marinel Villapando Almedilla

  • 10 Posts
  • 0 Reply Likes
Diane, i see ill try first by making replacing the background image to 1500 px width.. can u pls visit www.jhayneLLe30.yolasite.com just want to know how it looks likee on your screen
Photo of Kevin

Kevin

  • 475 Posts
  • 29 Reply Likes
I've got a solution, add this code to a html widget.

<style type="text/css">
#backgroundimg
{
top:0px;
left:0px;
z-index:-6;
position:absolute;
width:100%;
height:100%;
}
</style>
<img src="yourimageurl" id="backgroundimg"/>


replace yourimageurl with the url of your background image.
Photo of Marinel Villapando Almedilla

Marinel Villapando Almedilla

  • 10 Posts
  • 0 Reply Likes
thank you kevin though i believe im not allowed to edit such html and css because i am just using yola for free.. im putting up a small business, and actually im starting from a scratch and cant take the risk for now to be a silver member.. but in due time i know i will.. i am satisfid with every features, this is just the only prob ive encountered recently..
Photo of Marinel Villapando Almedilla

Marinel Villapando Almedilla

  • 10 Posts
  • 0 Reply Likes
kevein ive tried what you told me to do, sorry i was mistaken earlier i thought your asking me to edit the html, that doesnt solve the problem background only appears on the column wer ive added the said widget. thanks for your patience.
Photo of JC

JC

  • 354 Posts
  • 15 Reply Likes
If you do a search on Google and type in the following:
"background image on page"
There you will find some answers for you. In a Free site, you will need to enter code in the header part of your document, ie pull over an html widget and place in header.
JC
Photo of Marinel Villapando Almedilla

Marinel Villapando Almedilla

  • 10 Posts
  • 0 Reply Likes
by resizing the background image to 1200 px width, it finally fits.. i wonder if what i see on screen is what exacly you are seeing? what i mean is we have different monitors, some may be much wider/biggersmaller, the edges that im seeing, is it also what others are actually seein?
Photo of JC

JC

  • 354 Posts
  • 15 Reply Likes
Marinel, it is uploaded but it is fixed against the left margin and right side is blank white. Same as Diane's below (I have same res on my machine) - great picture, by the way.
Photo of Marinel Villapando Almedilla

Marinel Villapando Almedilla

  • 10 Posts
  • 0 Reply Likes
tnx.. late response..
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
Hi, Marinel,

Here is what I see:

My screen resolution is 1440 x 900. If you go to Style >> Edit Background >> Change Background you can position it in the center by clicking on the little circle in the middle.

I hope this helps.
Photo of Marinel Villapando Almedilla

Marinel Villapando Almedilla

  • 10 Posts
  • 0 Reply Likes
i finally handled everything, i did it before, i chose center for the background, but the logo that ive made will not be seen if i did center this again.. the logo is included on the background pix.. hehe..