Jump to content


Photo
- - - - -

Custom Content Background Image


  • Please log in to reply
7 replies to this topic

#1 bluesquirrel

bluesquirrel

    Advanced Member

  • Members
  • 68 posts
  • Framework Version:2.4.4
  • Country: Country Flag

Posted 05 April 2012 - 03:20 PM

Hello one and all, Forgive me if this is a repeat post, I have tried searching for the answer using the search box and some "specific terms" but I didn't have any luck. Please realise that by asking this question I am having to admit defeat and I don't like doing that!! Please can someone tell me how I can make the background image of the main content this image, tiled obviously

Please Login or Register to see this Hidden Content

At the moment it is my main background image, however I will be changing that so the whole page won't just be a big grey mess. Site url:

Please Login or Register to see this Hidden Content

Thanks to anyone who can help, Andrew

#2 gyoery

gyoery

    Advocate

  • Members

  • 252 posts
  • Country: Country Flag

Posted 05 April 2012 - 03:48 PM

I think, what you are looking for is:

Please Login or Register to see this Hidden Content

Though I am not sure if that is the selector you were looking for. What area do you mean by main content? Also, If your header has a white background, it will cover it.

#3 bluesquirrel

bluesquirrel

    Advanced Member

  • Members
  • 68 posts
  • Framework Version:2.4.4
  • Country: Country Flag

Posted 05 April 2012 - 04:13 PM

Hi Gyoery, By main content I'm referring.... to the content area as defined in the settings area of Pagelines - as shown in the graphic

Please Login or Register to see this Hidden Content

That's the area that I want to see with the tiled background image. I'm still playing around with the custom code to achieve that goal, unfortunately that wasn't the solution. Thanks anyway!

#4 gyoery

gyoery

    Advocate

  • Members

  • 252 posts
  • Country: Country Flag

Posted 05 April 2012 - 04:16 PM

Sorry, there was a space too much... try this pls:

Please Login or Register to see this Hidden Content

you do mean the area that is now white, don't U?

#5 bluesquirrel

bluesquirrel

    Advanced Member

  • Members
  • 68 posts
  • Framework Version:2.4.4
  • Country: Country Flag

Posted 05 April 2012 - 04:59 PM

Yes I definitley mean the area that's currently white.

I thought I was on the right track with

#maincontent .content{background:url(

Please Login or Register to see this Hidden Content

) repeat;}


but it's not getting me anywhere! And to make matters worse I think I've lost the transparent space that was between the header and the top of the page - it's white all the way to the top - or am I imagining that?

#6 gyoery

gyoery

    Advocate

  • Members

  • 252 posts
  • Country: Country Flag

Posted 05 April 2012 - 05:10 PM

yes it is white all the way to the top... have you tried my corrected version??
Where did you get the #maincontent from?? On your whole page there is not one object with that ID.
The closest thing available to it would be #content which does not include your header.
My solution (the 2nd) does. Depends what u want.
So either use my solution or correct urs so it looks like this:

Please Login or Register to see this Hidden Content

Also, you were missing the ' apostrophes around your URL.
Hope this helps...

#7 bluesquirrel

bluesquirrel

    Advanced Member

  • Members
  • 68 posts
  • Framework Version:2.4.4
  • Country: Country Flag

Posted 05 April 2012 - 05:28 PM

Thanks Gyoery - it did work but you were right about the header blocking out the background. To answer your question I'd taken my idea from

Please Login or Register to see this Hidden Content

I think I'll scrap the idea and come up with an alternative design, thank you very much for your help though. I wish I could get that transparent padding back at the top, I managed to delete some of my old custom code. Grr!

#8 gyoery

gyoery

    Advocate

  • Members

  • 252 posts
  • Country: Country Flag

Posted 05 April 2012 - 05:30 PM

You don't have to... you just have to set the header background to :transparent, and use a Logo that is png and uses transparency... Then It will look ok...