Jump to content

Archived

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

medeaa

Background image with content white

Recommended Posts

medeaa    0
medeaa

Hi,

I'm trying to put an image as background in my website. I use Site Background Image on Design Control but I want that the content in the body and in the sidebars remain white. How can I do?
Thanks a lot!

The website is www.abicitudine.it

Share this post


Link to post
Share on other sites
Aires+    258
Aires
Hi, you should change your site from full width to boxed. This can be done from the front end under the settings tab

Sent from my Lumia 900 using Tapatalk

ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
medeaa    0
medeaa

Hi, thanks but I can't find the option that you told me. I'm using pagelins Platform free version..

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

On Platform, I believe you simply uploaded a background image via the Wordpress Admin Dashboard > Platform > Design Control, once you uploaded/configured your image, save the settings and refresh your website.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
medeaa    0
medeaa

I upload my image on Site Background Image (Optional) and set "tile". After that I save and refresh the website but the image is everywhere (under my posts, my sidebars). Under my content I would like a white color. Only on the left and right white margin I want to see that tiled image.

I really appreciate your theme but I'm trying from several days to set this thing without results.

Thanks a lot!

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, try adding the following css to your custom code box.

 

#page-main .content {
    background: none repeat scroll 0 0 #FFFFFF;}

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
medeaa    0
medeaa

Hi, I added your text in the box of Custom Code. Now in the bottom of my footer I see this text but nothing is change. (www.abicitudine.it in the bottom you can see). Before your text I must write something in Custom Code or I must enabled something in the settings?

Thanks

 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

HI,

 

You do not require any custom CSS so you can remove James suggested code, your issue is related to your layout choice.

Go to Wordpress Admin Dashboard > PlatformPro > Design Control and select Full-Width Design with Canvas. This should give you a background image (which you shoudl have uploaded) and a content area with the color you have selected.

Also, please be in mind that Platform and Platform Pro have been considered legacy themes for sometime now and with that, we do not provide support any more. If you wish to continue using Platform that is entirely up to you, but support is no longer provided. I would recommend you upgrade to DMS Free.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
medeaa    0
medeaa

Thanks! In the end I would have wanted to add this little thing but It's not a problem. The website is good enough so..

Share this post


Link to post
Share on other sites

  • Similar Content

    • SaschaM
      By SaschaM+
      Hello,
      sorry. i got a problem on my site i can not fix myself, would be nice somebody can help.
      I use:
      - Platform 5 (latest) Pro
      - Pagelines Framework (latest for Platform 5)
      - keycdn (cdn enabler, cache enabler und optimus WebP)
      - my site:  example
      Problem:
      The background image i use in the Impulse Section is not beeing replaced automatically if i specify a CDN Url. I need to put in the cdn url to the image manually. Why?
      If you look in the button of the the side you see post grid section, where i have no problems. You also see there WebP Images working.
      Now i can not really use the direct cdn url for the impulse background image, cause i want to benefit there from WebP Image also in the background as it works in post grid section.
      How does it works with Impulse? The webP image for the background is ready to use.
      Thank you.
       
       
       
       
       
       
       
       
    • crose
      By crose+
      Hi,
      I am using the Canvas Area section at the top of my site. I have a video playing in the background, which works really well on desktop. But on mobile video doesn't play without user interaction, so I have a static image in place as an alternate image. However when viewed on a mobile device there is now a play button over the static image that does nothing. This didn't use to happen so I imaging it is due to an upgrade. But this is really bad UX. Is there a way to remove it?
      Here is the site:
      http://gator4088.hostgator.com/~asif/
      Thanks in advance.
      Chuck
    • jeomiland
      By jeomiland+
      Hi
      Have a couple clients who are having background image issues. This should be a basic question so hope fix is easy. How do you get a specified image to auto resize so it fills the browser screen? Client has portrait-format image that's 1000x1000 and the left and right are displaying the background color (white) on my 1440 wide Macbook pro, as it is on client's computer. She has tried clicking "Fit image to page" and repeat background - neither is getting what she expects.  I suggested trying a landscape-format image.
      But the larger question is this - how does one plan a proper background image that will fill the whole screen - left to right - in the browser image and have it scale appropriately?  Should one always have landscape background images? What about scrolling vs not scrolling BG? How plan your BG image so it will fill the screen on laptops, ipads, iphones...  both in landscape and portrait format? Is it true that you can't do it? that either the left-right or top-bottom are cut off depending on the device and orientation?
      2 sites where this needs resolution:
      http://cassclayton.com/dev/
      http://chirecovery.com/
      Thanks!
      JE
    • hibbsy78
      By hibbsy78+
      Mobile layout much better in 5.0.3. There appears to be an issue that it 'super-sizes' the background image?
      http://www.johnhibbs.me


    • dawsonbarber
      By dawsonbarber+
      Under PageLines > Settings, it looks like the actual setting for the background image tile size is missing.
×