Customize CSS/HTML does not display as expected in dark mode

Viewed 166
support darkmode template

Add code to the Footer of Admin-Customize-CSS/HTML

The interface is set to dark mode, the newly added code is invalid

Custom CSS Code:

footer.bg-light {
  display: none
}

footer.bg-light1 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important;
}

Footer Code:

<footer class="bg-light1">
  <div class="py-3 container">
    <p class="text-center mb-0 small text-secondary">
       © 2023-2024 xxxx.com copyright xxxx
    </p>
  </div>
</footer>
1 Answers

Maybe you can avoid conflicts by not controlling the colors.

Custom CSS Code:

footer:not(#new-footer) {
    display: none;
}

Footer Code:

<footer class="bg-light" id="new-footer">
  <div class="py-3 container">
    <p class="text-center mb-0 small text-secondary">
       © 2023-2024 xxxx.com copyright xxxx
    </p>
  </div>
</footer>
Fen515
Related Questions
Why may my answer server be serving old static files?
1 answers
How do I pass the user name to the answer system to enable single sign-on
1 answers
What is the best approach for building a Docker image with plugins for running on the server?
1 answers
How can I permanently delete users?
1 answers
How do I install Algolia Search in a running Docker Compose setup with Apache/Answer?
1 answers
STMP returns unknown authority error?
1 answers

Powered by Answer - the open-source software that powers Q&A communities.
Made with love © 2024 Apache Answer Meta.