1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Create background image for entire page

Discussion in 'Basic Support Forum' started by Peter Salob, Nov 8, 2018.

  1. Peter Salob

    Peter Salob New Member

    Hi,

    newbie to Divi and DU. I'd like to have a background image for the entire page similar to this site:

    https://www.summitortho.com/

    Thanks in advance!
     
    #1 Peter Salob, Nov 8, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You can just add it at: Theme Customizer -> General Settings -> Background -> Background Image

    upload_2018-11-9_0-8-47.png

    Remember to change it to Boxed Layout at Theme Customizer -> General Settings -> Layout Settings -> Enable Boxed Layout

    upload_2018-11-9_0-9-53.png
     
    #2 Divi.Help Pro Support, Nov 8, 2018
  3. Peter Salob

    Peter Salob New Member

    That worked great. Thanks!!!
     
    #3 Peter Salob, Nov 11, 2018
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  4. Peter Salob

    Peter Salob New Member

    Is there an "easy" way to have different backgrounds for each page. Theme Customizer -> General Settings -> Background -> Background Image worked great but it's the same for each page. I'd like to have different ones for each page. Thanks!!
     
    #4 Peter Salob, Nov 29, 2018
  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You will need custom CSS to achieve that.

    First, use Inspect Element the page ID that you wish to change. Just right click on your browser & click Inspect.

    upload_2018-11-30_10-59-7.png


    Then add the CSS below in Divi -> Theme Options -> Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    Remember to change the page-id to your own page id. And the background image to your own image URL.

    If you wish to change multiple page, then just add each CSS for each page. For example:
    Code:
    Log In or Sign Up to view this code.
     
    #5 Divi.Help Pro Support, Nov 29, 2018
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
(You must log in or sign up to post here.)