Ask a question
  1. Home
  2. html - My Background image is not working/appearing

409 votes
1 answers

html - My Background image is not working/appearing

Solution:

The problem here is the space between the url and the opening parenthesis on the background-image property.

Replace:

background-image: url ('banner.png');

With (removed space):

background-image: url('banner.png');

If you remove the space it should be working just fine. Hope that helps.
651
votes

Answer

Solution:

Simple way to add background is:

.yourClass{
    background: url("https://tpc.googlesyndication.com/simgad/3248856506927570682");
    background-repeat: no-repeat;
    background-size: cover;
}

Replace URL with your own image and make sure URL of image is correct one and loading on new window. Other property are just temporary, you can replace all with your requirements.

Source

Didn't find the answer?

Our community is visited by hundreds of Shopify development professionals every day. Ask your question and get a quick answer for free.

Similar questions

Find the answer in similar questions on our website.

828 html - My Background image is not working/appearing
391 javascript - Tap to copy discount code is not working in cart drawer Shopify
775 animation - shopify dawn theme, animate disappearing paw prints to appear in background?
278 Shopify Admin REST API Webhook Is Not Calling Another Server URL
565 javascript - Email validation and not letting the visitor to pass if the email is invalid
787 Shopify Scripts: Rejected discount is not considered
889 list - How to display products from z to a in a liquid template in Shopify
192 liquid - Multiple if condition not working on shopify liqued file
44 Can not select image in custom section in Shopify
800 html - How to create this title style?

Write quick answer

Do you know the answer to this question? Write a quick response to it. With your help, we will make our community stronger.