Extend Background to Bottom of Page

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
3/13/2011 3:59:57 PM
parkerjr2
Gravatar
Total Posts 74
View Posts

Extend Background to Bottom of Page

I'm created a new skin with Artisteer and I'm having an issue with the page getting longer than the background stretches. If you go to http://joeparker.us you can see what I'm talking about. Is there a CSS class I need to adjust to make the background go all the way down?

Thanks,

Joe

3/13/2011 4:44:00 PM
Rick Hubka
Gravatar
Total Posts 245
View Posts
mojoPortal Community Expert

Re: Extend Background to Bottom of Page

To extend the background to bottom, in the style-artisteer-overrides.css file, change repeat-x to just repeat.

body.pagebody
{
color: #445864;
  background-color: #FFFFFF;
  background-image: url('images/Bottom_texture.jpg');
  background-repeat: repeat;

 

Rick

3/13/2011 5:24:47 PM
parkerjr2
Gravatar
Total Posts 74
View Posts

Re: Extend Background to Bottom of Page

Thanks Rick.

I made that change and now it's starting to repeat the entire image, not extend it down the page. See http://joeparker.us to see what I mean. Here is my entry from the override css:

body.pagebody
{
  background-color: #5A5A5A;
  background-image: url('images/page_g.jpg');
  background-repeat: repeat;
  color: #E0E0E0;
}

Any other ideas?

Thanks,

Joe

3/13/2011 6:35:18 PM
Rick Hubka
Gravatar
Total Posts 245
View Posts
mojoPortal Community Expert

Re: Extend Background to Bottom of Page

MMMmmmm......

How about try

background-repeat:no-repeat;

If that doesn't work you'll have to google it and experiment.  At least you now know where to fix it.

Good Luck

3/13/2011 9:04:33 PM
parkerjr2
Gravatar
Total Posts 74
View Posts

Re: Extend Background to Bottom of Page

I'm not sure why, but removing the body.pagebody{} entry from the artisteer override file seems to have fixed it. Thanks for the help.

3/14/2011 7:08:01 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Extend Background to Bottom of Page

This is covered in step 7 of the Artisteer document

http://www.mojoportal.com/creating-skins-from-artisteer-html-templates.aspx

basically you want to harvest the styles from the artisteer generated style.css from the body{} selector in that file and paste it into the style-artisteeroverrides.css in the body.pagebody {}

and you want to turn off images on body{} in the styleartisteer-overrides.css file in order to prevent the background images from appearing in the wysiwyg editors.

Best,

Joe

You must sign in to post in the forums. This thread is closed to new posts.