Changing Footer Font and white space on homepage

Hi,
I also need to know how to change the font color in the footer and is there a way to add a background image to the white space of the homepage?

Thanks!

 

Hello, Stephnana1982!

To change font color of the footer text, Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

p.copyright {
  color: red !important;
}
p.copyright a {
  color: green !important;
}

To replace the white space of the home page with background image, use the following css code: -

Code:

.page_content_wrapper {
  background: url('<-- Background Image Path --> ');
}

Thanks,
Praveen

 

Hi,
This doesn't seem to be working for me either. It just makes the white space clear so that the background shows through.

 

Hello, Stephnana1982!

Could you please provide us URL of your website along with some edited screenshot of your issue indicating the area whose background you need to change?
In case you are unable to create a screenshot, you can follow the link http://www.screenpresso.com/ which will help you to create screenshot easily.

Also, provide us path of the background image.

Thanks,
Praveen

 

Hi there,
My website is www.tranquilnightssleepsolutions.com, the screenshot is attached indicating what I would like changed. http://www.rgbstock.com/bigphoto/omLlj3s/Faded+Texture+6, that is the background I would like to use.

Thanks!

 

Hi,

Please save the background image from the above provided url i.e,. http://www.rgbstock.com/bigphoto/omLlj3s/Faded Texture 6 in compasstheme/images/ and rename as body_background.jpg.


Now, paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

body {
  background: url(wp-content/themes/compasstheme/images/body_background.jpg);
}

It will make your website like the screenshot given below.


Hope it will resolve your issue.

Thanks,
Praveen

 

That is not what I want, I want the screen to replace the white portion. NOT the background.
Thanks.

 

Please review the attached file

 

Hello,

Kindly apply the below CSS code:

.page_content_wrapper {
background: url(http://localhost/wordpress/wp-content/uploads/2015/04/omLlj3s.jpg) !important;
}

Note: Kindly put your background image url that you wish to apply.

It will look something like:




Hope it will resolve your issue.

 

Hi Sameer,
I just responded to the email from support. Can you please change it back to the background just showing through? Like the attached file. Sorry. And thank you for your help.

 

Hello, Stephnana1982!

I have made your website as it was eariler.

Please have a look at your website.

Thanks,
Praveen

 

Thank you