[GH-ISSUE #415] [QUESTION] How to add a background image? #278

Closed
opened 2026-02-25 20:35:19 +03:00 by kerem · 6 comments
Owner

Originally created by @muzihuaner on GitHub (Sep 4, 2021).
Original GitHub issue: https://github.com/benbusby/whoogle-search/issues/415

How to add a background image? I tested it in , but it didn't work

Originally created by @muzihuaner on GitHub (Sep 4, 2021). Original GitHub issue: https://github.com/benbusby/whoogle-search/issues/415 How to add a background image? I tested it in <body>, but it didn't work
kerem 2026-02-25 20:35:19 +03:00
  • closed this issue
  • added the
    question
    label
Author
Owner

@alefvanoon commented on GitHub (Sep 4, 2021):

You need to edit index.html & add custom CSS.
Checkout https://www.w3docs.com/snippets/css/how-to-add-background-image.html .

<!-- gh-comment-id:912937232 --> @alefvanoon commented on GitHub (Sep 4, 2021): You need to edit index.html & add custom CSS. Checkout https://www.w3docs.com/snippets/css/how-to-add-background-image.html .
Author
Owner

@muzihuaner commented on GitHub (Sep 4, 2021):

You need to edit index.html & add custom CSS.
Checkout https://www.w3docs.com/snippets/css/how-to-add-background-image.html .

it not work, show

Refused to load the image 'https://www.w3docs.com/uploads/media/default/0001/01/477719675fecaac0362957c214fb9aa56fca99b5.jpeg' because it violates the following Content Security Policy directive: "img-src 'self' data:".

quickso.eu.org/:1 Refused to load the imag

<!-- gh-comment-id:912979010 --> @muzihuaner commented on GitHub (Sep 4, 2021): > You need to edit index.html & add custom CSS. > Checkout https://www.w3docs.com/snippets/css/how-to-add-background-image.html . it not work, show Refused to load the image 'https://www.w3docs.com/uploads/media/default/0001/01/477719675fecaac0362957c214fb9aa56fca99b5.jpeg' because it violates the following Content Security Policy directive: "img-src 'self' data:". quickso.eu.org/:1 Refused to load the imag
Author
Owner

@DomainWarrior commented on GitHub (Sep 8, 2021):

Hello Please try this code in your css

<!-- gh-comment-id:914887137 --> @DomainWarrior commented on GitHub (Sep 8, 2021): Hello Please try this code in your css <style> .classname { background-image:url('{{ STATIC_URL }}change to the image you want and place in the correct static folder directory '); background-repeat:no-repeat; background-size:100%; } </style>
Author
Owner

@muzihuaner commented on GitHub (Sep 8, 2021):

Hello Please try this code in your css

it show Refused to load the image 'static/img/bg.png' because it violates the following Content Security Policy directive: "img-src 'self' data:".

<!-- gh-comment-id:914906756 --> @muzihuaner commented on GitHub (Sep 8, 2021): > Hello Please try this code in your css > > <style> .classname { background-image:url('{{ STATIC_URL }}change to the image you want and place in the correct static folder directory '); background-repeat:no-repeat; background-size:100%; } </style> it show Refused to load the image 'static/img/bg.png' because it violates the following Content Security Policy directive: "img-src 'self' data:".
Author
Owner

@Albonycal commented on GitHub (Sep 8, 2021):

Was this solved ?

<!-- gh-comment-id:915173194 --> @Albonycal commented on GitHub (Sep 8, 2021): Was this solved ?
Author
Owner

@muzihuaner commented on GitHub (Sep 8, 2021):

Was this solved ?

yes,it only use .svg, but it can't use .png or .jpg

<!-- gh-comment-id:915175097 --> @muzihuaner commented on GitHub (Sep 8, 2021): > Was this solved ? yes,it only use .svg, but it can't use .png or .jpg
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/whoogle-search#278
No description provided.