• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: Photo in background

Photo in background 9 years 10 months ago #31478

the site is www.lillianfidler.com/healthyhomes

I'd like to try a photo in the background similar to the following:

www.home360.us/page.php?name=carpentry
The administrator has disabled public write access.

Photo in background 9 years 10 months ago #31511

  • bogdan.tataru
  • bogdan.tataru's Avatar
  • OFFLINE
  • Gold Boarder
  • Posts: 174
  • Thank you received: 40
In order to achieve this please try to create a custom.css file under this path:

/templates/rsjuno/css/

and to add the following CSS definition:

body{

background:#D4D4D4 url('www.home360.us/images/bg_body.jpg') no-repeat;
background-size:100% auto;

}

More on this here:

www.rsjoomla.com/support/documentation/r...the-source-code.html
My help is not official customer support. To receive assistance, submit a ticket by clicking here
The administrator has disabled public write access.

Photo in background 9 years 10 months ago #31550

Hi, it did work but I think my photo is too large perhaps? I have it at 800 pixels wide but it still seems too large - here's the site www.lillianfidler.com/healthyhomes - how large should it be?
I'm not actually seeing the image at all... just some of the grey in the image...
Last Edit: 9 years 10 months ago by lillianfidlerdesign.
The administrator has disabled public write access.

Photo in background 9 years 10 months ago #31555

Hi again; actually the code you gave me:

body{

background:#D4D4D4 url('www.lillianfidler.com/healthyhomes/images/bg_body.jpg') no-repeat;
background-size:100% auto;

}

it did add the background color #D4D4D4, but it didn't add the photo...

this is what is in my custom.css file now:

body{

url('www.lillianfidler.com/healthyhomes/images/bg_body.jpg') no-repeat;
background-size:100% auto;

}
Last Edit: 9 years 10 months ago by lillianfidlerdesign.
The administrator has disabled public write access.

Photo in background 9 years 10 months ago #31558

ok, I did get it to work but now I need another tweak:

Please see the page: www.lillianfidler.com/healthyhomes - you'll see the background but now the body of the page (with content) is not one continuous white page, it's broken up so that you see white boxes and the background... can you let me know how I can fix that please?
The administrator has disabled public write access.

Photo in background 9 years 10 months ago #31561

  • cosmin.cristea
  • cosmin.cristea's Avatar
  • OFFLINE
  • Platinum Boarder
  • Posts: 756
  • Thank you received: 144
This is happening due to the fact that the template was not designed to have a background image. You can either add to your custom.css file a declaration to remove the white background for containers:

e.g.
.container, container-fluid{
 background-color:transparent;
}

Or you can edit the Image you are using and place a white background in its middle (to match the container's white bg).

Information on how to alter RSJuno!'s style without changing its source code can be found here:
https://www.rsjoomla.com/support/documentation/view-article/876-how-to-modify-rsjuno-style-without-changing-the-source-code.html
My help is not official customer support. To receive your support, submit a ticket by clicking here
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!