Contrib.social

Mercury styling bugs in the Drupal CMS SaaS Product site template

Open on Drupal.org →
Created on 19 August 2025, 19 days ago

Problem/Motivation

I'm still building the home page for the Drupal CMS SaaS Product site template. Here's how to get booted up with it and visit the home page:

git clone https://git.drupalcode.org/project/drupal_cms.git --branch 2.x
cd drupal_cms
ddev start
ddev drush si -y ../recipes/drupal_cms_template_saas_product
ddev launch /page/4

Based on the final version of the design (https://www.figma.com/design/s3NBSoH5Q2jnc7WqnsBoE9/Starshot-master-file...), I see the following problems. Some of these are just "how do I do this?" requests for help, but some appear to be legit styling issues:

  • The logo is black, but the design has it as white. Where can end users upload their own logo? For that matter, how do I do it?
  • The menu colors are significantly different in XB (green on blue/black) than in the design.
  • There is no full-page padding, but the design calls for it.
  • The images are different - I need new assets sent my way, apparently.
  • How do I add a button to the hero CTA that is outline-only?
  • How do I add a button in the menu that links somewhere _and_ looks like a button? Is there a class I need to apply to it?
  • The hero CTA has a different font for its header than what appears in XB.
  • In the design, the service cards have a black background. There is no background for them as rendered in XB.
  • How do I center 'Innovative solutions for you'?
  • No bottom margin below "Trusted by world-class experts"
  • In XB, the logo grid wraps and looks weird. Can we not make it more WYSIWYG?
  • "Innovative solutions for you" service cards have no background. Their font also looks different (smaller, bolder) in XB.
  • Testimonial grid cards' height is uniform in XB, but not in the design.
  • Blog post block's header is not a header. It needs to be styled like any other header, and have the proper margins.
  • How do I add buttons to that footer CTA in the proper style? There is no outline-only variant for a button.
  • How do I lay out the footer components according to the design?
🐛 Bug report
Status

Active

Version

1.0

Component

Code

Created by

🇺🇸United States phenaproxima Massachusetts

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024