How do I replace placeholder graphics in themes?

Hi, I’m a fairly long-time RW user (just for a basic site). Now I would like to update my site using one of the included themes. With the theme I used in the past, I just dropped the graphic inline with the text. In one of the desired themes, there seems to be a graphic placeholder, but I don’t know how to replace the included graphic.

For example, in the Split theme, at the top of the page in Preview mode where it says “Welcome to My Website” there is an image of a pair of shoes. How do I replace this?

@TimArends

Put your picture in RW Resources and this code in CSS.
your_image/resource pictures must have the same name.

#intro #intro-background { height: 100%; width: 100%; background: url(%resource(your_image.jpg)%) no-repeat center center; background-size: cover; box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); }

How I have done it in the past so that I can pick the background from a drop down is to open themes tab, control+click the theme you want to change the picture on, duplicate it and name it something pertinent. then control+click on the duplicated theme and click on the show contents, then open the images folder delete one of the header.jpg images and put your desired image in there, renaming it to the same as the one deleted. Now you should be able to select your image from the master themes dropdown list :slight_smile: Hope I helped.

@TimArends

Take the walk through the CSS code.
So there are no problems with theme updates :wink: