search

ColdHeat / CTFd-Car-Hacking-Theme

31 stars 9 forks source link

Index page content centered to the left #3

Open besnardf opened 6 years ago

besnardf commented 6 years ago

As the admin, when navigating to /admin/pages and editing the content of the default index page, you can see the following content : 

<div class="row">
    <div class="col-md-6 offset-md-3">
        <img class="w-100 mx-auto d-block" style="max-width: 500px;padding: 50px;padding-top: 14vh;" src="themes/core/static/img/logo.png" />
        <h3 class="text-center">
            <p>A cool CTF platform from <a href="https://ctfd.io">ctfd.io</a></p>
            <p>Follow us on social media:</p>
            <a href="https://twitter.com/ctfdio"><i class="fab fa-twitter fa-2x" aria-hidden="true"></i></a>&nbsp;
            <a href="https://facebook.com/ctfdio"><i class="fab fa-facebook fa-2x" aria-hidden="true"></i></a>&nbsp;
            <a href="https://github.com/ctfd"><i class="fab fa-github fa-2x" aria-hidden="true"></i></a>
        </h3>
        <br>
        <h4 class="text-center">
            <a href="admin">Click here</a> to login and setup your CTF
        </h4>
    </div>
</div>

As you can see, the text should be centered due to the use of text-center class. However, when you display the index page, you can see that it is not centered in the middle of the screen but rather on the left. I suspect that the CSS code should be modified a bit.

besnardf commented 6 years ago

image