Add TIled stripe background to Magazine Pro

[worldviewpr]

I don't see a menu item for "Background" in the Appearance menu of Magazine Pro (header image only).

I'd like to add a tiled strip background image behind the page container.

http://halfwaytoconcord.com

[SavvyJackie]

Hi,
Locate the container element in your style.css that you want to add the background too. Upload your image to your site and grab the url for it.

Then enter something like this in your style.css for that element:

  background-image: url("file url goes here");
    background-repeat: repeat;

Hope that helps.

---

Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

[worldviewpr]

let me work on that, thanks.

the email enter

url("file url goes here");

so I have changed it to just quote marks

Film at 11.

thanks.

[worldviewpr]

here is the style.css area re site containers It seemed like it should go after the .wrap, no? Get message that the file can't be saved The document “style.css” could not be saved. Text encoding Western (ISO Latin 1) isn’t applicable. or did I inherit from copying from the email?

`/* Site Containers
--------------------------------------------- */

.site-inner,
.wrap {
margin: 0 auto;
max-width: 1140px;
background-image: url(‘http://halfwaytoconcord.com/wp-content/uploads/2015/05/cocobee-stripe-fade.png');
background-repeat: repeat;
}

.site-inner {
clear: both;
padding-top: 40px;
padding-top: 4rem;
}

.magazine-home .site-inner {
padding-bottom: 10px;
padding-bottom: 1rem;
}

.magazine-landing .site-inner,
.magazine-landing .wrap {
max-width: 800px;
}

.magazine-landing .site-inner {
padding-bottom: 40px;
padding-bottom: 4rem;
}

[Author]

Posts