TwoTalesDev/4WDCSA.co.za
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: improve text visibility on album header background

Browse Source 
- Changed album title to white color
- Added text-shadow to album title for better contrast over images
- Changed album description to white color
- Added text-shadow to album description for readability
- Ensures text is visible regardless of cover image darkness
This commit is contained in:
twotalesanimation
2025-12-05 10:22:13 +02:00
parent 233305cac2
commit 325e2b4707
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/gallery/view_album.php
View File

@@ -288,9 +288,9 @@ require_once($rootPath . '/components/banner.php');
<div class="album-header" <?php if ($album['cover_image']): ?>style="background-image: url('<?php echo htmlspecialchars($album['cover_image']); ?>');"<?php endif; ?>> <div class="album-header" <?php if ($album['cover_image']): ?>style="background-image: url('<?php echo htmlspecialchars($album['cover_image']); ?>');"<?php endif; ?>>
<div class="album-header-content px-2"> <div class="album-header-content px-2">
<div style="flex: 1;"> <div style="flex: 1;">
<h2 style="margin: 0; margin-bottom: 10px;"><?php echo htmlspecialchars($album['title']); ?></h2> <h2 style="margin: 0; margin-bottom: 10px; color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);"><?php echo htmlspecialchars($album['title']); ?></h2>
<?php if ($album['description']): ?> <?php if ($album['description']): ?>
<p style="margin: 0 0 15px 0; font-size: 1rem; opacity: 0.95;"> <p style="margin: 0 0 15px 0; font-size: 1rem; opacity: 0.95; color: white; text-shadow: 1px 1px 3px rgba(0,0,0,0.5);">
<?php echo htmlspecialchars($album['description']); ?> <?php echo htmlspecialchars($album['description']); ?>
</p> </p>
<?php endif; ?> <?php endif; ?>