Mercury styling bugs in the Drupal CMS SaaS Product site template
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3542060. -->
Reported by: [phenaproxima](https://www.drupal.org/user/205645)
Related to !24 !20
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>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:</p>
<pre>git clone https://git.drupalcode.org/project/drupal_cms.git --branch 2.x<br>cd drupal_cms<br>ddev start<br>ddev drush si -y ../recipes/drupal_cms_template_saas_product<br>ddev launch /page/4</pre><p>Based on the final version of the design (<a href="https://www.figma.com/design/s3NBSoH5Q2jnc7WqnsBoE9/Starshot-master-file---jt?node-id=81-1925&p=f&t=BH0ykmVWNX95AImB-0">https://www.figma.com/design/s3NBSoH5Q2jnc7WqnsBoE9/Starshot-master-file---jt?node-id=81-1925&p=f&t=BH0ykmVWNX95AImB-0</a>), 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:</p>
<ul>
<li>The logo is black, but the design has it as white. Where can end users upload their own logo? For that matter, how do <em>I</em> do it?</li>
<li>The menu colors are significantly different in XB (green on blue/black) than in the design.</li>
<li>There is no full-page padding, but the design calls for it.</li>
<li>The images are different - I need new assets sent my way, apparently.</li>
<li><del>How do I add a button to the hero CTA that is outline-only?</del></li>
<li>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?</li>
<li>The hero CTA has a different font for its header than what appears in XB.</li>
<li><del>In the design, the service cards have a black background. There is no background for them as rendered in XB.</del></li>
<li>How do I center 'Innovative solutions for you'?</li>
<li>No bottom margin below "Trusted by world-class experts"</li>
<li>In XB, the logo grid wraps and looks weird. Can we not make it more WYSIWYG?</li>
<li>"Innovative solutions for you" service cards have no background. Their font also looks different (smaller, bolder) in XB.</li>
<li>Testimonial grid cards' height is uniform in XB, but not in the design.</li>
<li>Blog post block's header is not a header. It needs to be styled like any other header, and have the proper margins.</li>
<li><del>How do I add buttons to that footer CTA in the proper style? There is no outline-only variant for a button.</del></li>
<li><del>How do I lay out the footer components according to the design?</del></li>
</ul>
issue