Add background image on 1 page

Hi!

Thank you for using Enfold.

If you don’t mind, please post a screenshot of what you’re trying to do. We’ll try to help you with the css in order to accomplish it. By default, you can only add a background image if you’re using a boxed layout. You can also add Color Sections on a page using the Advance Layout Builder then apply the background on the element itself.

Best regards,
Ismael

Hey!

Please put your content into a Color Section element and set your background as background image of your Color Section

Best regards,
Yigit

Hi!

Please edit your page and add Color Section element under Layout Elements in Advanced Layout Builder. Then click on it to see its options and add your image as “Custom background image” – http://i.imgur.com/5WvyhMr.png
Then you can simply drag and drop your elements inside your color section element.
You can save templates you have created using Avia Layout Builder and load them on other pages http://i.imgur.com/pkv1y7C.jpg
This could be helpful to create a test page first. You can save your current page template and load on your test page and try the solution i suggested above and check if it helps :)

Regards,
Yigit

Hi!

Sure, we will be waiting to hear from you!

Regards,
Yigit

Hey!

Yes i was. I have created a private page called “Test-page”, please review it.
I also noticed that you are using an older version of the theme which not compatible with WordPress version you are using. Please update Enfold to the latest version 2.9.1 via FTP – http://kriesi.at/documentation/enfold/updating-your-theme-files/

Cheers!
Yigit

Hey!

1- Please give your Color Section element a unique ID ( http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png ) and then add following code to Quick CSS

#your-custom-id .container { padding: 10px; background-color: black; }

2-

.my_table .my_table_col_right input[type="submit"] {
background-color: black;
border: 1px solid white;
}

If you do not want to have border around your button, remove “border: 1px solid white;”

Cheers!
Yigit

Hey!

Yes, please use Quick CSS field in Enfold theme options > General Styling tab or Custom.css file inside Enfold/css folder for your custom CSS codes

Cheers!
Yigit