Incoporate a background image in a specific Fullwidth Page with custom css?

Hello again,

Is there a way to put a background image in a specific Fullwidth Page with custom css ?

Thanks,
Dedieo62

 

Hello,


Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 .page-id-2 div.page-container {
background: rgb(196, 182, 182);
}
.page-id-2 .page_heading_container {
margin-bottom: 0px; 
}

Add your page id in place of 2 in the above code.

Thanks & Regards
Gourav Shrivastava

 

Thanks a lot Gourav.
It is almost perfect! But, instead of background: rgb(196, 182, 182); is it possible to have a link to the address of a photo in the library Media of WordPress ?

Is this custom code right ?
background: url(\'http://www.mydomain.com/wp-content/uploads/mypicture.jpg\');

Regards
Dedieo62

 

Hello,

Correct code is

Code:

background:url('ENTER YOUR IMAGE ADDRESS HERE'); 

Thanks & Regards
Gourav Shrivastava

 

Thanks a lot Gourav !

Dedieo62

 

Last question on this Thread How to avoid the repetition of the background image ? What is the custom css code?

Thanks,
Dedieo62

 

Hello,

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

Code:

.page-id-2 div.page-container {
background-repeat: no-repeat;
background-size: 100% 100%;
} 

Add your page id in place of 2 in the above code.
This will solve your issue.

 

Hello,

This is great! Thank you very much!!

Dedieo62