• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Parallax Pro Header Texture

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Parallax Pro Header Texture

This topic is: resolved

Tagged: css, style, Texture

  • This topic has 7 replies, 4 voices, and was last updated 7 years, 10 months ago by LeonMiller.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 26, 2017 at 10:44 pm #208328
    Dunphy1296
    Member

    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/
    June 27, 2017 at 12:03 am #208330
    WisdmLabs
    Member

    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/

    June 27, 2017 at 9:45 am #208345
    Dunphy1296
    Member

    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

    June 27, 2017 at 3:57 pm #208352
    ᴅᴀᴠɪᴅ
    Member

    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

    June 27, 2017 at 7:28 pm #208356
    Dunphy1296
    Member

    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?

    June 27, 2017 at 8:44 pm #208358
    ᴅᴀᴠɪᴅ
    Member

    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

    June 27, 2017 at 10:10 pm #208359
    Dunphy1296
    Member

    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.

    June 28, 2017 at 2:20 am #208362
    LeonMiller
    Member

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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble