Removing background image

  • On our school library site, we would like to remove the repeating gray background image and have it show our school colors in the background.

    We are looking at the code, but can’t figure out how to do it.

    Any help is greatly appreciated.

    https://highlands-library.com/

    Phil

Viewing 2 replies - 1 through 2 (of 2 total)

  • Looks like the background image is set in a theme stylesheet located at /themes/easel/schemes/greymatter.css

    body {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/background.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}

    It looks to be line 182 of your ‘style.css’ file.
    Where it says ‘#page-wrap’ add ‘background-color:red’ for example.

    So the code would look like this:

    #page-wrap{
    background-color:red
    }

    If you want to get more complicated as far as multiple colors, you may have to create/upload an image, or perhaps use the ultimate css gradient generator. If you let me know the colors I can try to help further.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Removing background image’ is closed to new replies.