Make background static? (6 posts)

  1. MorgUK
    Posted 2 years ago #

    How can I make the background static so it doesn't move when scrolled?

    I've looked everywhere and can't find the background in the css :(

    Please help!

  2. Andrew
    Forum moderator & snail smusher
    Posted 2 years ago #

    Look at creating a Child Theme and work on that style.css file. Alternatively use a Custom CSS plugin and create CSS styles within the area allocated from the plugin.

    Then review background-attachment CSS property.

  3. MorgUK
    Posted 2 years ago #

    Thanks for the reply Andrew. Isn't there an easier way? :(

  4. ksteele36
    Posted 2 years ago #

    Andrew, for some reason child themes aren't working for this theme... I think it's the "Theme Options" scripting ??? however, I have tried both ways - creating a child theme and overriding the CSS using the theme options, I even added attributes directly into the existing stylesheet and each time I have failed - any other thoughts?

    I found my mistake was in creating the child theme itself.... my bad :)

  5. ksteele36
    Posted 2 years ago #

    Ok, I did get the child theme to work but the page falls apart & reverts to NO style & original images before I uploaded the custom images, logo, custom footer etc... So, I did some searching and found what I thought could be the answer in the "/colorway/functions/theme-options.php" file on line 77:

    $background_defaults = array('color' => '', 'image' => '', 'repeat' => 'repeat', 'position' => 'top center', 'attachment' => 'scroll');

    and I changed this to:

    $background_defaults = array('color' => '', 'image' => '', 'repeat' => 'no-repeat', 'position' => 'top center', 'attachment' => 'fixed');

    Thinking this would set the background image to be "fixed" - cleared my cache and reloaded the page and the image still scrolls with the page. Any help peeps?

    thanks for reading, "K"

  6. ksteele36
    Posted 2 years ago #


    Finally got it by adding this block to the CSS Stylesheet Editor under "Appearance / Edit CSS"

    .page {
    background-attachment: fixed;

    I apologize for the prior posts... just eager to get it done is all :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.