Display a background image on one page only on your WordPress website

Desired Result:
Display a background image on one page only on your WordPress website

Get your act together:

  1. Backup your files and database
  2. Select an image or graphic that is suitable* to use as a background image
  3. Have a working knowledge about how to control CSS for your WordPress site
  4. Know where to find the area to manage the CSS for your site. It might be in one of the following areas:
    • A child theme style.css file
    • A CSS editor plugin or a Jetpack plugin’s CSS module
    • Additional CSS area built into the WordPress customizer

Make it happen:

  1. Find the page-id. Use view page source for your preferred browser.
    The page-id might be located in an area that looks something like this:
    body class=”page-template page-template-template-full-width page-template-template-full-width-php page page-id-xxxxx ……
  2. Customize a starter code snippet and add it to the area to manage the CSS for your site.
  • Try this code snippet for Twenty Sixteen and Twenty Seventeen themes
    .page-id-xxxx .site-content{/*replace xxxx with real ID of the page*/
    background-color: /*replace with any hex or rgb color code*/;
    background-image: url("/*replace with the link to your selected*/");
    background-repeat: no-repeat;
    background-position: left top;
    }
  • Try this code snippet for Symphony Pro theme
    .page-id-xxxx.fluid-width .content-container {/*replace xxxx with real ID of the page*/
    background-color: /*replace with any hex or rgb color code*/;
    background-image: url("/*replace with the link to your selected*/");
    background-repeat: no-repeat;
    background-position: left top;
    }
  • Try this code snippet for Baton Pro theme
    .page-id-xxxx .content-wrapper-in { /*replace xxxx with real ID of the page*/
    background-color: /*replace with any hex or rgb color code*/;
    background-image: url("/*replace with the link to your selected*/");
    background-repeat: no-repeat;
    background-position: left top;
    }

*Suitable is a subjective term. Not all images will work well when used as a background of a page. Some images may interfere with the important content on a page. Other images may look odd in smaller devices. Some images might need to repeat to fill the available space.

Resources
colorhexa.com
jetpack.com/support/custom-css
wordpress.org/plugins (search for CSS editor)

Learn, Build, and Share

This post was inspired/prepared as a reply to the Matt Report newsletter released today. You can subscribe to the Matt Report mailing list and listen to the podcast episodes.

I am starting to focus my to-do list to include the following 3 types of activities each week:

Learning-
One activity in my learning category is working through the lessons in knowthecode.io.

Building-
My building category includes various actions that I take on to create client relationships and build my business.

Sharing (strategically)-
One activity in my sharing category is attending, volunteering and becoming a Jawn sponsor of WordCamp US in December, 2016.

I anticipate that the combination of activity categories will allow my business to stay flexible as the WordPress ecosystem evolves.

Let me know if you would like the list of hotel feedback I compiled from WordCamp US 2015 attendees. If you will be making the trip to Philadelphia, I hope we get a chance to connect in person.

Conveniently- L, B + S are my initials too.

CollaborationCore is hosting 2 complimentary help desk sessions for questions about WordPress

Dates:
11am-1pm on July 20th-done
11am-1pm on August 17th-done

collaboration core logo

Current members of CollaborationCore are invited to visit the help desk.
Prospective members of CollaborationCore are invited visit the help desk and to take a quick tour of the fabulous co-working space.
Reservations are not required.

Clarification: This is not a formal workshop, but it would be helpful if you bring your own laptop and access to your WordPress dashboard.

Location:
3150 Brunswick Pike, Suite 300, Lawrenceville, NJ 08648
Directions: to CollaborationCore co-working space

Lisa B. Snyder from Silver Hoop Edge will be answering your questions at the help desk.

Here are a few examples of the types of questions that can be answered at the help desk:

  • What’s the process like to add WordPress to manage an existing website?
  • Should I use WordPress.com or download WordPress software into my hosting account?
  • When should I use a WordPress post instead of a WordPress page?
  • How can I create a simple gallery using photos from the WordPress media library?
  • How can I change the look of my WordPress website?
  • What kind of theme or plugins should I use for my non-profit or business WordPress website?

Contact Lisa B. Snyder if you have questions about the help desk.

Keep the path clear

I replied to a WordPress.org troubleshooting support forum post yesterday with concerns similar to those listed in an article recently published on MattReport.com. The support question I answered seemed to stem from a lack of clear communication from the agency that created the website.

Instead of leaving my comments directly on MattReport.com, I decided to share my thoughts on the topic here.

Most important things take time to figure out. Starting business concurrently with starting a website can feel overwhelming. However, I am not convinced that the choice of using WordPress vs. Squarespace etc. is the main issue. All website creator tools have some learning curve and short and long term trade-offs to consider. Regularly producing relevant and useful content is often a bigger hurdle for new and experienced website owners.

The 4 issues (control, audience, story, measurement) mentioned in the article are not related exclusively to the question of how to build and manage a business website. They are primary marketing and operations issues that can be partially addressed using a thoughtfully created website .

As a WordPress professional it is my role to create an environment for my customer’s success and keep the path as clear as possible so their online presence can evolve as the company grows and changes.

(I agree with the point in the MattReport article that the Rest API conversation is not relate-able for most WordPress users and site owners.)