If you look at the home pages of the StudioPress demo sites such as Altitude Pro you’ll see quite a lot of images. These images are displayed by WordPress in a variety of ways including…
- Featured images assigned to blog posts.
- The Genesis Featured page or post widget.
- A theme, or a widget area’s background image.
None of these images need you to touch the HTML of the page.
But a small number of themes use text widgets containing HTML code to make one or more images display on the front page.
What do you need to do?
To follow along with this tutorial all you need to do is copy and paste the code that I have provided, in the boxes below, then replace the text that says…
/** Delete this line and paste your image code in here. */
…with the image code for your chosen image.
In this tutorial we change the images in the front page text widgets of three themes. Altitude Pro, Remobile Pro and Centric Pro.
Altitude Pro
To change the image in the Front Page 2: text widget. You need to copy and paste the image code into this HTML.
Content of text widget in Front Page 2: widget area
Remobile Pro
To change the image in the Home Intro: text widget. You need to copy and past the image code into this HTML.
Content of text widget in Home Intro: widget area
Centric Pro
To change the images in the Home 5: text widget. You need to copy and past the code for the four logos into this HTML.
Content of text widget in Home 5: widget area