CSS Code for Background and Additional Content

  • MallorySusan

    (@mallorysusan)


    8 years, 7 months ago

    I’m trying to help my daughter build her website, but we are two dummies who don’t know a darned thing about coding. Yet, we have the nerve to want something more special than the free themes provide.

    I want the background to be stationary want the header, footer, and all other content to scroll

    I can change the code to add and affix the background, and I’m hoping someone can help me with css on how to scroll the other content in front of the stationary background.

    Thanks so much. I know I’m a newbie at all this but have no money to hire a web designer, so I really appreciate help forums like these and all the people who so kindly contribute. I feel like a heel because I can’t find how to do this on the net.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • paulwpxp

    (@paulwp)

    8 years, 7 months ago

    Hi, the theme currently in use is Storefront and its support forum is here, https://wordpress.org/support/theme/storefront (so you can post theme specific question there)

    When you have your repeatable image ready, see if the background image upload is available in theme option, also see if the “fixed” background attachment already provided by theme. If it’s so, then we are done, no need to do anything else.

    In case theme’s built in options don’t provide that above, try uploading the repeatable background image into any post (or page), just use a post or page to upload the image to it but we don’t need to use image in that post/page. Once uploaded, get the image url, and the use this code below via any Custom CSS plugin.

    
body {
	background-image: url(http://example.com/my-repeatable-background-image.png);
	background-attachment: fixed;
	background-position: top center;
	background-repeat: repeat;
}

    Just change the image url to your own.

    Example of Custom CSS plugin
    https://wordpress.org/plugins/simple-css/

Viewing 1 replies (of 1 total)

The topic ‘CSS Code for Background and Additional Content’ is closed to new replies.