How to add background image through css in django?

Question

How to get the path to work so it shows the background image through css? If it could be done with a relative path then how?

right now with this code, the background image is not being displayed.

Thanks for any help.

/*mobile view*/
.index-banner {
    background: url('static/mysite/images/home.svg') no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 380px;

}

{% block content %}
    <section class="index-banner">
        <h2>Test<br>Condiitons</h2>
        <h1>lorel ipsum</h1>
        <h1>sdfjls upueh ndsfoi bbownl</h1>
        <img src="{% static 'mysite/images/home.svg' %}" class="mysite-img" style="display: none;">
    </section>
{% endblock %}

What exactly is happening? What is the error you are getting? — Harsh Nagarkar
– Harsh Nagarkar, Commented Apr 5, 2020 at 21:59

user13058326 · Accepted Answer · 2020-04-05 23:59:32Z

1

figured out the way, so if you have your settings.py set to STATIC_URL = '/static/' then background: url('/static/movies/images/home.svg') no-repeat; should work, what I was missing was a pre'/' before the static

answered Apr 5, 2020 at 23:59

user13058326

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add background image through css in django?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related