Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add image as background #549

Open
mauromanassi opened this issue Apr 3, 2021 · 4 comments
Open

Add image as background #549

mauromanassi opened this issue Apr 3, 2021 · 4 comments
Labels
enhancement An enhancement.
Milestone

Comments

@mauromanassi
Copy link

I am trying to add an image in the background. Ideally, I would like it to cover the entire webpage, header included.
Does anybody know how to do that?

@jroeder-astro
Copy link

I second this; for a non-html and non-css programmer like me it seems very difficult to add a background image

@notpx
Copy link

notpx commented Mar 6, 2023

Yes I can do that

@notpx
Copy link

notpx commented Mar 6, 2023

What background image would you like to add?

@vydlt
Copy link

vydlt commented Sep 30, 2023

I am trying to add an image in the background. Ideally, I would like it to cover the entire webpage, header included. Does anybody know how to do that?

The following method works for me:

  • Go to /_sass/_reset.scss/
  • Delete line L10 and add a few other lines:
    L10: background-image: url(https://your-url);
    L11: background-size: 100%;
    L12: background-repeat: no-repeat;
    L13: background-attachment: fixed;
    L14: background-position: center;

@rjzupkoii rjzupkoii added the enhancement An enhancement. label Feb 14, 2024
@rjzupkoii rjzupkoii added this to the v0.9 milestone Feb 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement An enhancement.
Projects
None yet
Development

No branches or pull requests

5 participants