I want to lower the banner.

Current State

As you can see in the picture, when you open the page, the banner is already under the menu, making it difficult to see.
I've tried many things, but it doesn't work.Please help me!!
This is a multi-posted .As soon as the information is updated and resolved, it will be reflected.I look forward to your kind cooperation.

What do you want to do

It may be difficult to understand, but the menu bar (white part) and the banner (pictured part of the mountain) overlap.There is a similar menu bar on another page, but there are parts where you can't see the characters completely.I think there is no problem with the menu bar as it naturally overlaps when you scroll.So I would like to lower the banner position.

code

{%loadwagtailimages_tagswagtailcore_tags%}

{% image self.banner_img fill-900x400asimg%}

<div class="container-fluid bg-dark text-light p-5" style="background-image:url('{{img.url}}');background-size:content">
    <div class="row">
        <div class="col-12 text-center">
            <div class="row justice-content-center">
                <div class="post-heading">
                    <h2>{{self.title}}}</h2>
                    <p class="subheading">{{self.text|richtext}}</p>
                </div>
            </div>
        </div>
    </div>
</div>

{%extends"base.html"%}
{% loadwagtailcore_tags%}

{% US>block content%}

<main class="main">
    <div class="contain">
        {% for block in page.content%}
            {% include_block block%}
        {% endfor%}
    </div>
</main>

{% endblock%}

Note: I have added HTML to be rendered here by .

html css django

2022-09-30 21:58

1 Answers

I was using Bootstrap to build HTML.However, the Bootstrap css file I called was not downloadable, but link pasted, so no matter how many changes I made, it didn't seem to change.

The solution was to add the Bootstrap file to the project folder, rewrite the link, and change the css.

I'm still a beginner, so I asked a dark question under the lighthouse.Thank you all for your cooperation.

2022-09-30 21:58

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656