engineering/remarkbox-theme-meta
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove .container nesting from footer — skeleton was overriding width

Browse source
This commit is contained in:
russell@unturf.com 2026-02-09 07:11:46 -05:00
parent 68511007ae
commit 074050a55e
2 changed files with 36 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

8
remarkbox_theme_meta/static/theme/meta/css/meta.css
View file

@ -335,13 +335,7 @@ label.inline-label {
.rb-footer {
background-color: #ffffff;
border-top: solid 4px rgb(var(--red));
padding: 60px 0 30px;
}
.rb-footer .container {
max-width: 100%;
width: 100%;
padding: 0 40px;
padding: 60px 40px 30px;
}
.rb-footer-grid {

72
remarkbox_theme_meta/templates/meta-base.j2
View file

@ -138,48 +138,46 @@
{% if request.mode != 'embed' %}
<footer class="rb-footer">
<div class="container">
<div class="rb-footer-grid">
<div class="rb-footer-brand">
<a href="{{ request.marketing_url }}" class="rb-footer-logo">remarkbox</a>
<p class="rb-footer-tagline">Hosted comments without ads or tracking.</p>
</div>
<div class="rb-footer-group">
<span class="rb-footer-group-title">Product</span>
<nav class="rb-footer-links">
<a href="{{ request.app_url }}/setup">Setup</a>
<a href="{{ request.marketing_url }}/#plans">Plans</a>
<a href="{{ request.marketing_url }}/#remarkbox-demo">Demo</a>
</nav>
</div>
<div class="rb-footer-group">
<span class="rb-footer-group-title">Resources</span>
<nav class="rb-footer-links">
<a href="https://faq.remarkbox.com">FAQ</a>
<a href="https://meta.remarkbox.com">Meta</a>
<a href="https://git.unturf.com/engineering/remarkbox/remarkbox">Source Code</a>
<a href="https://pypi.org/project/remarkbox/">PyPi</a>
</nav>
</div>
<div class="rb-footer-group">
<span class="rb-footer-group-title">Company</span>
<nav class="rb-footer-links">
<a href="{{ request.marketing_url }}/privacy-policy.html">Privacy Policy</a>
<a href="{{ request.marketing_url }}/terms-of-service.html">Terms of Service</a>
</nav>
</div>
<div class="rb-footer-grid">
<div class="rb-footer-brand">
<a href="{{ request.marketing_url }}" class="rb-footer-logo">remarkbox</a>
<p class="rb-footer-tagline">Hosted comments without ads or tracking.</p>
</div>
<div class="rb-footer-ctas">
<a class="button red" href="{{ request.app_url }}/setup">Setup Remarkbox</a>
<a class="button" href="https://faq.remarkbox.com">Browse FAQ</a>
<div class="rb-footer-group">
<span class="rb-footer-group-title">Product</span>
<nav class="rb-footer-links">
<a href="{{ request.app_url }}/setup">Setup</a>
<a href="{{ request.marketing_url }}/#plans">Plans</a>
<a href="{{ request.marketing_url }}/#remarkbox-demo">Demo</a>
</nav>
</div>
<div class="rb-footer-quote">
<p>&ldquo;How long could it take to build a comment system?&rdquo; &mdash; 3 years later, Remarkbox was born.</p>
<div class="rb-footer-group">
<span class="rb-footer-group-title">Resources</span>
<nav class="rb-footer-links">
<a href="https://faq.remarkbox.com">FAQ</a>
<a href="https://meta.remarkbox.com">Meta</a>
<a href="https://git.unturf.com/engineering/remarkbox/remarkbox">Source Code</a>
<a href="https://pypi.org/project/remarkbox/">PyPi</a>
</nav>
</div>
<div class="rb-footer-bottom">
remarkbox.com &copy; 2016-2026 &mdash; Hosted comments without ads or tracking.
<div class="rb-footer-group">
<span class="rb-footer-group-title">Company</span>
<nav class="rb-footer-links">
<a href="{{ request.marketing_url }}/privacy-policy.html">Privacy Policy</a>
<a href="{{ request.marketing_url }}/terms-of-service.html">Terms of Service</a>
</nav>
</div>
</div>
<div class="rb-footer-ctas">
<a class="button red" href="{{ request.app_url }}/setup">Setup Remarkbox</a>
<a class="button" href="https://faq.remarkbox.com">Browse FAQ</a>
</div>
<div class="rb-footer-quote">
<p>&ldquo;How long could it take to build a comment system?&rdquo; &mdash; 3 years later, Remarkbox was born.</p>
</div>
<div class="rb-footer-bottom">
remarkbox.com &copy; 2016-2026 &mdash; Hosted comments without ads or tracking.
</div>
</footer>
{% endif %}