First: I see you are editing Cassiopeia. Your changes will be lost when Joomla updates.
Create a child template of Cassiopeia and use that!
HTML
The classes "footer-top-box" and "footer-bottom-box" are both on the module class and on the div containing the modules.
CSS applied to .footer-top-box and .footer-bottom-box will apply twice and screw up your design.
"footer-top-box" and "footer-bottom-box" on the module div is the module position (from the card layout).
Rename the classes of the containing div to something else, like "footer-top-container" and "footer-bottom-container".
(Or rename your module positions)
CSS
Remove the CSS you created (temporary copy it to an empty file) and see if you still need it.
does not have a closing }.
But the line may be removed as well, doesn't seem to do anything at the moment.
Create a child template of Cassiopeia and use that!
HTML
The classes "footer-top-box" and "footer-bottom-box" are both on the module class and on the div containing the modules.
CSS applied to .footer-top-box and .footer-bottom-box will apply twice and screw up your design.
"footer-top-box" and "footer-bottom-box" on the module div is the module position (from the card layout).
Rename the classes of the containing div to something else, like "footer-top-container" and "footer-bottom-container".
(Or rename your module positions)
CSS
Remove the CSS you created (temporary copy it to an empty file) and see if you still need it.
Code:
:root, [data-bs-theme="light"] {But the line may be removed as well, doesn't seem to do anything at the moment.
Statistics: Posted by Mr. Wimpy — Sat Jan 11, 2025 3:55 pm