Jump to content

Alpha bug in footer


Recommended Posts

Hi, I was playing around with my website and I was trying to make a semi-transparent footer

This is the code I used for the footer

<footer class="footer galaxy-footer">
  <div class="content has-text-centered">
    <script src="js/copyright.js">
    </script>© 2018-2020, <strong>Company.</strong>

And this is my css

.galaxy-footer {
    background-color: rgba(25, 25, 25, .5);
    color: var(--white);	// #ffffff

.galaxy-footer strong {
    color: var(--white);

The other classes are Bulma's classes and they seems not to be the issues

What I get is an half transparent footer and a grey bar, which is the part that is not displayed when the page loads because the content pushes the footer down

Is this a known issue or did I forget something?


Screenshot 2020-02-25 at 21.59.01.png

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...