Quantcast
Channel: Joomla! Forum - community, help and support
Viewing all articles
Browse latest Browse all 2155

Templates for Joomla! 5.x • CSS code, where to place it?

$
0
0
Hi

I need to add some codes to the css file that is used on all pages. The css code is listed below. Its for the main template cassiopeia. When I add the code to the file: /media/templates/site/cassiopeia/css/template.css nothing happens but if I add the code to the index.php file and in the header section it works. So what css file should I add it to?

Code:

  /* Style for footer container */  .footer-container {    display: flex;    flex-wrap: wrap;    justify-content: space-between;    padding: 20px;    background-color: #f1f1f1;    box-sizing: border-box;    width: 100%;  }  /* Style for the individual footer top boxes */  .footer-top-box {    flex: 1 1 calc(33.33% - 20px); /* Justerer for padding */    padding: 10px;    box-sizing: border-box;    background-color: #fff;    border: 1px solid #ccc;    margin-bottom: 10px;  }  /* Bottom footer box takes full width within the container */  .footer-bottom-box {    width: 100%;    padding: 20px;    box-sizing: border-box;    background-color: #333;    color: white;    text-align: center;  }  /* Responsive adjustments for smaller screens */  @media (max-width: 768px) {    .footer-top-box {      flex: 1 1 100%;      margin-bottom: 10px;    }    .footer-bottom-box {      width: 100%;      padding: 15px;    }  }

Statistics: Posted by gerner — Tue Jan 07, 2025 9:41 pm



Viewing all articles
Browse latest Browse all 2155

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>