REPLACE BACKGROUND



There are a few ways to put your own custom picture in the background of a RapidWeaver theme.



Edit background with Image editor



show_theme_content

You can edit the background with any external image editor (Photoshop, Gimp, Pixelmator…).
Open the Theme content and all images ( contents/images/editable_images/image_…jpg).

Replace background with “Banner Image”


site_banner_





Override Site Banner

In RW you can replace the current background. Just drag your image.


Add your image with “resources” option in RW



regen

You’ll need to know how big the header picture is to start with. If you know already ( check the image size in the theme)
You can replace both images with the “resources” option.


Page inspector/header/css/….



#extraContainer1box {background: url(../../resources/image_blurred.jpg)center center !important; }<br />#extraContainer2box {background: url(../../resources/image_normal.jpg)center center !important; }<br />#extraContainer1box, #extraContainer2box { <br />background-repeat: no-repeat!important; background-attachment: fixed!important; -webkit-background-size: cover!important;<br />-moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; }

DEMO TEXT: We use cookies to ensure that we give you the best experience on our Addons website. Click here for more info.