Skip to content

Conversation

@CySSoO
Copy link
Contributor

@CySSoO CySSoO commented Jan 15, 2026

Motivation

  • Improve avatar reliability and visual consistency so every review shows a circular, fixed-size avatar (image or initial) without layout regressions.
  • Ensure reviewer header (avatar + name + date) stays on a single line and is vertically aligned.
  • Add a clear, secondary CTA to let visitors leave a Google review from the block without changing schema or data.

Description

  • Update views/templates/hook/_partials/google_reviews.tpl to add a secondary CTA under the primary button inside the left aside using btn btn-outline-secondary btn-sm that opens the existing cta_url in a new tab and is visually secondary to the main CTA.
  • Adjust review header markup to use d-flex align-items-center gap-3 so avatar, name and date remain on one line across breakpoints.
  • Ensure avatar containers include overflow-hidden rounded-circle and for image avatars replace rounded-circle on the img with w-100 h-100 object-fit-cover so photos fill the fixed 56px container without distortion or stretching, and add text-uppercase to fallback initials containers for consistent style.
  • Add CSS rules in views/css/everblock.css for .everblock-google-reviews__avatar img to enforce width:100%, height:100% and object-fit: cover while keeping the fixed avatar size via the existing .everblock-google-reviews__avatar rule.

Testing

  • No automated tests were executed for this change.

Codex Task

@CySSoO CySSoO merged commit 706f7e2 into master Jan 15, 2026
2 of 6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants