Parallax Pro Header Texture

[Dunphy1296]

I consider myself an amateur when it comes to CSS editing. I'm currently smoothing out a website that I have been working on for a little while. One thing which I want to do is add a texture to the header and footer sections on the website to make it "pop" a little more; the current solid grey/white color is very dull. I have assembled a few textures
I would like to try. However, whenever I try the CSS solutions I find online, the code seems to be overridden by some style file I'm not seeing. I can see that texturing on the header and footer is possible, as it is done in one of the showcased sites for parallax. Is it possible that I could get some directions on how to apply a texture style to the header and footer sections of the website? Thank you for any help that you can provide.

Referenced showcase site: http://www.thegrowlybooks.com/

http://biblicalelearning.org/

[WisdmLabs]

Hello Dunphy,

I think you want to add the background texture for your header and footer of the site. You can use the following CSS in style.css file, in order to achieve it.

header.site-header,footer.site-footer{
 background-image: url(images/your-header-footer-background.png);
 background-position:center;
}

please try this and let me know if this works.

-Vishnuprasad from wisdmlabs

---

http://wisdmlabs.com/

[Dunphy1296]

Hello Vishnuprasad,

I applied the code you gave me however, when I apply a cache-overriding reload of the site it does not seem to have made any visible changes. I placed the CSS in the "style header" section of the style.css file as that seemed the most organized and common-sense location to put it. Please let me know if there are any other possible solutions.

Thank you,
Matthew

[ᴅᴀᴠɪᴅ]

i can see the changes here. I can see texture on the site header. But not the footer.

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[Dunphy1296]

I've checked the website on all major browsers and I cannot see the changes. Are you looking at the website I referenced as an example of what I am trying to do instead of the website I'm trying to edit?

[ᴅᴀᴠɪᴅ]

ok right, I was on the wrong site.

It's because 'http://biblicalelearning.org/wp-content/themes/parallax-pro/images/old_map.png' doesn't exist and is bringing up a 404 error.

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[Dunphy1296]

Thank you for spotting that. It seems that I had been placing the image in an improper image folder which had been created for something else entirely. Thank you so much for all the help provided.

[LeonMiller]

There are alot of different changes, but not all of them are useful 🙂

[Author]

Posts