MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
#p-logo { | #p-logo { | ||
position: relative; /* Ensures | position: relative; /* Ensures the subtitle is positioned relative to the logo */ | ||
} | } | ||
#p-logo::before { | #p-logo::before { | ||
content: " | content: "Your Subtitle Here"; /* Replace with your actual subtitle */ | ||
position: absolute; | position: absolute; | ||
bottom: -30px; /* Adjust this to control how much it overlaps the bottom of the logo */ | |||
left: 50%; | left: 50%; | ||
transform: translateX(-50%); /* Centers the subtitle horizontally over the logo */ | transform: translateX(-50%); /* Centers the subtitle horizontally over the logo */ | ||
font-size: | font-size: 20px; /* Adjust font size as needed */ | ||
color: #000; /* Adjust color as needed */ | color: #000; /* Adjust color as needed */ | ||
font-weight: bold; /* Makes the subtitle bold */ | font-weight: bold; /* Makes the subtitle bold */ | ||
text-align: center; | text-align: center; | ||
background-color: rgba(255, 255, 255, 0.7); /* Optional: Adds a semi-transparent background */ | background-color: rgba(255, 255, 255, 0.7); /* Optional: Adds a semi-transparent background for readability */ | ||
padding: 5px; /* Adds padding around the subtitle */ | padding: 5px; /* Adds padding around the subtitle text */ | ||
} | } | ||
Revision as of 18:17, 10 October 2024
#p-logo {
position: relative; /* Ensures the subtitle is positioned relative to the logo */
}
#p-logo::before {
content: "Your Subtitle Here"; /* Replace with your actual subtitle */
position: absolute;
bottom: -30px; /* Adjust this to control how much it overlaps the bottom of the logo */
left: 50%;
transform: translateX(-50%); /* Centers the subtitle horizontally over the logo */
font-size: 20px; /* Adjust font size as needed */
color: #000; /* Adjust color as needed */
font-weight: bold; /* Makes the subtitle bold */
text-align: center;
background-color: rgba(255, 255, 255, 0.7); /* Optional: Adds a semi-transparent background for readability */
padding: 5px; /* Adds padding around the subtitle text */
}