Page Background Changes Example in a Divi Site

by | Oct 4, 2021 | WordPress

This is a very brief informational post just showing by example of a change to the background in a page. I wanted to make changes to end up with the same (or a similar) background on most of the website’s pages. I also wanted the background to be a muted version of a graphic I wanted to use as the background. The muting is accomplished with gradients and is essentially masking or filtering the picture behind it.

I did this on our https://CharlesWorks.com website.

Here were the steps I performed to accomplish this:

  • I logged in to the WordPress dashboard.
  • Then I navigated to Pages in the left dashboard sidebar.
  • I found a page I wanted to add the background to and moused over it in the page list.
  • I clicked on Edit to edit that page.
  • In the first module control – the blue bar (mine was titled “Section”) – click on the gear icon.
  • When in there you can optionally click on Admin and change “Section” to “Main Page Background” or something meaningful to you (it’s just a label).
  • Use the pulldown in the “Background” row.
  • Click on the second tab under background to deal with the background gradient.
  • Add a background gradient. I used these settings to provide a muted background: rgba(255,255,255,0.87) and rgba(255,255,255,0.89). You may have to experiment with them to get them to your suiting.
  • The Gradient Type defaulted to Linear which was okay for my purpose.
  • The Gradient Direction defaulted to 180deg which was okay for my purpose.
  • The Start Direction defaulted to 0% which was okay for my purpose.
  • The End Position defaulted to 100% which was okay for my purpose.
  • The Place Gradient Above Background Image defaulted to No. You should set the Place Gradient Above Background Image to Yes.
  • Now use the third tab under background to add the actual background picture.
  • Clicking on the picture area will allow you to choose a picture from the media library to use as your background.
  • Use Parallax Effect is set to No which was okay for my purpose.
  • The Background Image Size defaulted to Cover which was okay for my purpose.
  • The Background Image Position defaulted to Center which was okay for my purpose.
  • The Background Image Repeat defaulted to No Repeat which was okay for my purpose.
  • The Background Image Blend defaulted to Normal which was okay for my purpose.
CLICK HERE to find your domain name!   CLICK HERE to transfer your domain name!

Archives

Tags

24 hour (1) Accounting (1) Advertising (5) AdWare (1) Alex Johnson (2) Alignment (1) Android (2) Anti-Virus (1) Antivirus (1) Antrim Computer Repair and Service (3) APC Back-UPS (1) Appearance (2) Apple Mail (4) Apple Mobile Mail (2) Attachments (1) Audit (1) Authorized (1) Autoresponder (5) Availability (1) Bank Account (1) Bank Statement (1) Battery Backup (2) Bob Hill (1) Bookkeeper (1) Branding (5) Budget (2) Business (15) Business Management (1) Catalog (1) Charles Oropallo (1) CharlesWorks (34) Cherryl Jensen (1) Chrome (1) Cloud (1) Code (1) Communicating (1) Competition (1) Computer (2) Computer Cache (1) Computer Security (1) Constant Contact (1) Consultation (1) Contact Information (2) Content (1) Content Management (18) Content Management System (1) Copiers (1) Copy Machine (1) Coronavirus (2) Courteous (1) COVID-19 (2) Credibility (3) Credit Card (1) Credit Card Processing (1) CSS (7) Customer Service (2) Design (37) Design Expertise (1) Desktop (1) Dialup (1) DirectAdmin (1) Directions (1) DIVI (2) DNS (1) Do-it-Yourself (1) Documentation (1) Domains (17) Domain Transfers (5) E-Commerce (1) Email (59) Email Lists (4) Email Management (2) Email marketing (3) Etiquette (3) Eudora 6 (1) Exchange (1) Expanding (1) Financial (1) Finish (1) Firefox (1) Fonts (1) Forms (2) Forms Protection (1) Fraud (2) Galaxy S4 (1) General Info (1) Gmail (1) GoDaddy (1) Google Adwords Certified Partner (1) Google Chrome (2) Groups (1) Happy Holidays (1) Hardware Help (1) Hill Specialty Networks (1) Hosting (1) Images (1) IMAP (1) include (1) Infected (1) Information (17) insert pages (1) Internet Browsing Errors (1) Internet Consultant (1) Internet Explorer (1) Keywords (2) Laptop (1) Legibility (1) Linux (5) Logging on (1) Macintosh (1) Mail 6.0 (1) Mail 2011 (2) Make-Over (1) Malicious (1) Malware (1) Marketing (5) Matt Burke (3) MDaemon (3) MelbourneIT (2) Merchant (1) Microsoft (1) Microsoft Edge (1) Microsoft Hosted Exchange (5) Microsoft Live (2) Mobile Email Setup (1) Monadnock Region (1) Mozilla Firefox (2) MySQL (1) Nathan Wesley (1) Netscape (1) Netscape Messenger (1) Office Copiers (1) OfficeLive (1) Online (1) Outlook (8) Outlook 2010 (2) Outlook Express (1) PayPal (1) Pay Per Click (2) PC (1) Personal (1) Peter Harris (1) Peter Harris Creative (1) Phishing (2) PHP (2) Pop Email (1) Popularity (1) Portfolio (1) Power Grid Failure (1) PPC (1) Prevent Fraud (1) Privacy (1) Private (1) Product (6) Professional (4) Projects (2) Protect (1) Protection (1) Quality (2) QuickBooks (1) Reconciliation (1) Reduce Risk (1) Register (1) Reliability (2) Renew (1) Reseller (2) Resolution (1) Restrict User Access (1) Results (1) Review (2) Risk (1) Robin Snow (1) Roundcube (1) Safe (1) Samsung (2) Scam (9) Scammer (8) Search (1) Search and Replace (1) Search Engine Optimization (2) Search Engines (6) Security (14) Security Risk (1) Selling (1) SEO (1) Servers (2) Service (8) Shopping Cart (1) Site (1) SmarterMail (9) Social Engineering (1) Social Networking (1) Software (1) Solutions for Today (1) Spam (1) Spam Filtering (12) Spammer (1) Spyware (2) SquirrelMail (1) SSL (6) Statistics (2) Stats (2) Stone Pond Technology (1) Storage (1) Support (1) Tablet (1) Target Market (1) Testimonials (1) The CW Corner (1) Thom Little (1) Thom Little Associates (1) Thunderbird (3) Thunderbird 10 (2) TLD (1) Topic (1) Top Level Domains (3) Transaction (2) Transfer Data (1) Transfer Funds (1) Typography (1) Update (2) Uploading (1) UPS System (2) Up to Date (1) Virus (2) Viruses (1) Vista (1) Web (1) Web-Over (1) Web Development (67) Web Hoster (1) Web Hosting (2) Web Hosting Company (1) Webmail (8) Web Mail (1) Webmaster (9) Web Presence (21) Website (86) Website Development (1) Web Stats (1) Web terms (1) Web Writing (1) Windows 7 (2) Windows Mail (5) Windows XP (1) WordPress (56) WordPress Updates (1) Working Remote (2) Writing (1)