Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved how do I insert a background image for the CONTENT area of my blog

Question

Posted · Report post

My website is www.jenniferkegley.com. I know how to set up a background image for the page but I don't know if I can or how to set up a background image for the content area. Is that even possible with pagelines?

Share this post


Link to post
Share on other sites

10 answers to this question

Posted · Report post

HI jkegley

You can try add in

PageLines > Site Options > Custom Code > CSS Rules

body #page .page-canvas { background: url ("YOUR URL IMAGE" ) no-repeat scroll; }

It is advisable to learn how to do this on your own too.

Check out http://www.pagelines...wiki/Custom_CSS

Share this post


Link to post
Share on other sites

Posted · Report post

Unfortunately, the code you recommended did not work. It came back with an error. Is there another way to accomplish this?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi again

Sorry, please you can try again with

body #page .page-canvas { background: url ("https://lh4.googleus...0/GRAF%201.jpg" ) no-repeat scroll; }

for example,

this work fine to me.

Share this post


Link to post
Share on other sites

Posted · Report post

Thank you. The code worked. The first time I removed the quotations on accident. However, it only appears at the top of the page. i need a way to make the background image scroll with the page or repeat so that as you scroll down the page it does not disappear. Does that make sense?

Share this post


Link to post
Share on other sites

Posted · Report post

I´m not sure but you can try with:


body #page .page-canvas{

background-image:url("YOUR URL IMAGE");

background-repeat:repeat-y;

}

;)

Share this post


Link to post
Share on other sites

Posted · Report post

Thank you. Your code comes close to what I am looking for. I was hoping to make a background that functions the same way the "body" background image does. You can fill the background from side to side and tell it to repeat horizontally, vertically etc. It seems odd that you cannot do that with this system.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi again

I´m sure that is posible, but I´m only a newbie, please wait to the answer of a Moderator.

;)

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there,

Try


body #page .page-canvas { background: url ("https://your url" ) repeat; }

2 people like this

Share this post


Link to post
Share on other sites

Posted · Report post

James - That works wonderfully. Thank you for the assist.

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites