Jump to content

Throwaway123131414

Members
  • Posts

    1
  • Joined

  • Last visited

Posts posted by Throwaway123131414

  1. 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">
        <p>
        <script src="js/copyright.js">
        </script>© 2018-2020, <strong>Company.</strong>
        </p>
      </div>
    </footer>

    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

×
×
  • Create New...