diff --git a/apps/rr7/app/root.tsx b/apps/rr7/app/root.tsx
index 88bd9aaae1..3f438ae509 100644
--- a/apps/rr7/app/root.tsx
+++ b/apps/rr7/app/root.tsx
@@ -21,7 +21,6 @@ import config from '@plone/registry';
import './config';
import '@plone/theming/styles/main.css';
-// import '@plone/components/dist/basic.css';
import '@plone/slots/main.css';
function useHrefLocal(to: string) {
@@ -37,7 +36,7 @@ export const links: LinksFunction = () => [
},
{
rel: 'stylesheet',
- href: 'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap',
+ href: 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap',
},
];
diff --git a/packages/slots/components/MainFooter.tsx b/packages/slots/components/MainFooter.tsx
index d3da8c33e0..d97347f71e 100644
--- a/packages/slots/components/MainFooter.tsx
+++ b/packages/slots/components/MainFooter.tsx
@@ -25,9 +25,9 @@ const Footer = (props: SlotComponentProps) => {
))
: null}
-
-
-
+
+
+
Powered by Plone & Python
diff --git a/packages/slots/main.css b/packages/slots/main.css
index d5b191caa7..32062cf557 100644
--- a/packages/slots/main.css
+++ b/packages/slots/main.css
@@ -83,7 +83,18 @@ figure img {
width: 100%;
}
+footer {
+ margin-top: 100px;
+}
+
.footer {
+ display: flex;
+ flex-direction: column;
padding: 2rem 0;
text-align: center;
+
+ .logo {
+ margin: 20px 0;
+ place-self: center;
+ }
}
diff --git a/packages/theming/styles/base.css b/packages/theming/styles/base.css
new file mode 100644
index 0000000000..66bee507e3
--- /dev/null
+++ b/packages/theming/styles/base.css
@@ -0,0 +1,8 @@
+body {
+ font-family: var(--basic-font-family, system-ui);
+ font-size: var(--basic-font-size, 16px);
+}
+
+figure {
+ margin: 0;
+}
diff --git a/packages/theming/styles/main.css b/packages/theming/styles/main.css
index efbc44e775..c3db9e90b1 100644
--- a/packages/theming/styles/main.css
+++ b/packages/theming/styles/main.css
@@ -1,4 +1,5 @@
@layer reset, plone-components, layout, addons, theme;
@import 'reset.css';
+@import 'base.css';
@import '@plone/components/dist/basic.css';
@import 'layout.css';