peter/ukaiautomation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: CTA button contrast and author bio class collisions

Browse Source 
- Replace btn/btn-secondary on CTA buttons with cta-btn/cta-btn-outline
  (isolated from global .btn-secondary { color: #144784 !important } cascade)
- Rename author-bio inner classes (author-info -> bio-info, etc.) to prevent
  collision with article inline <style> .author-info definitions
- Both issues were CSS class name conflicts, not specificity bugs
This commit is contained in:
root
2026-02-22 10:19:25 +00:00
committed by Peter Foster
parent 8731fd8fd7
commit da20f8e44c
3 changed files with 52 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
includes/article-footer.php
View File

@@ -106,8 +106,8 @@ $display_articles = array_slice($filtered_articles, 0, 3);
<p>UK Data Services delivers GDPR-compliant web scraping, data extraction, and analytics — tailored to your industry. 99.8% accuracy, fast turnaround, no long-term contracts.</p>
</div>
<div class="cta-actions">
<a href="/quote.php" class="btn btn-primary">Get a Free Quote</a>
<a href="/services/web-scraping.php" class="btn btn-secondary">See Our Services</a>
<a href="/quote.php" class="cta-btn cta-btn-primary">Get a Free Quote</a>
<a href="/services/web-scraping.php" class="cta-btn cta-btn-outline">See Our Services</a>
</div>
</div>
</section>

16
includes/author-bio.php
View File

@@ -110,7 +110,7 @@ $author_info = isset($authors[$author_name]) ? $authors[$author_name] : $authors
?>
<div class="author-bio" itemscope itemtype="https://schema.org/Person">
<div class="author-avatar">
<div class="bio-avatar">
<img src="<?php echo htmlspecialchars($author_info['image']); ?>"
alt="<?php echo htmlspecialchars($author_name); ?>"
loading="lazy"
@@ -118,13 +118,13 @@ $author_info = isset($authors[$author_name]) ? $authors[$author_name] : $authors
height="80"
itemprop="image">
</div>
<div class="author-info">
<h4 class="author-header">About the Author</h4>
<p class="author-name" itemprop="name"><?php echo htmlspecialchars($author_name); ?></p>
<p class="author-role" itemprop="jobTitle"><?php echo htmlspecialchars($author_info['role']); ?></p>
<p class="author-description" itemprop="description"><?php echo htmlspecialchars($author_info['bio']); ?></p>
<div class="bio-info">
<h4 class="bio-header">About the Author</h4>
<p class="bio-name" itemprop="name"><?php echo htmlspecialchars($author_name); ?></p>
<p class="bio-role" itemprop="jobTitle"><?php echo htmlspecialchars($author_info['role']); ?></p>
<p class="bio-description" itemprop="description"><?php echo htmlspecialchars($author_info['bio']); ?></p>
<div class="author-expertise">
<div class="bio-expertise">
<span class="expertise-label">Expertise:</span>
<?php foreach ($author_info['expertise'] as $skill): ?>
<span class="expertise-tag"><?php echo htmlspecialchars($skill); ?></span>
@@ -132,7 +132,7 @@ $author_info = isset($authors[$author_name]) ? $authors[$author_name] : $authors
</div>
<?php if ($author_info['linkedin']): ?>
<div class="author-social">
<div class="bio-social">
<a href="<?php echo htmlspecialchars($author_info['linkedin']); ?>"
target="_blank"
rel="noopener noreferrer"