Any updates on CMS

Hi @ben Do you have any updates on the progress with the CMS and whether the new beta is still a long way off?

are there any specific updates you’re waiting for? We’re working on a few things behind the scenes, but nothing major we’re ready to announce just yet!

1 Like

Mostly waiting for Markdown to work optimally and for bullet lists. Blog posts don’t look particularly good in the current CMS version.

Hi there!
I’m really interested in the upcoming CMS features for Elements. Could you please let us know when functionalities like collection search, related items, item author, item tags, conditional display, or pagination will be available?
It would be great to have a rough timeline or any updates, as these features are very important for building dynamic sites with the CMS.
Thanks so much!

what do you mean by this? Could you expand?

I know the Typography component needs to add support for lists, but whilst you’re waiting for that you could style lists manually by adding some custom CSS to your project’s template.

Something like this:

ul {
  list-style-type: disc;
  list-style-position: inside;
  margin: 10px;
}

We are still working on these components and hope to have an update around availability in the coming weeks. I can’t give you a better timeline than that unfortunately!

3 Likes

This is how it should look. Don’t worry about the colors.

This is how it looks in the blog.

Can you make a short video on how this is done?

1 Like

I figured it out :slight_smile:

But which code do I use to set spacing (height) between a heading and a paragraph?

In Typography, the Line Height and the bottom Margin will change the spacing underneath your Headings. You’ll need to do it for each H tag you’re using (i.e. H1,H2, H3, etc…).

That I should of course have understood :rofl:

Hi @dan I’ve added this code, and the menu on mobile isn’t working properly. Do you have any tips?

Code:

{{page.componentCSS}}
{{page.customCSS}}  

    <style>
    /* Egendefinert liste-stil */
    ul {
    list-style-type: disc;
    list-style-position: inside;
    margin: 1em 0;
    padding-left: 1.2em;
    font-size: 1rem;
    line-height: 1.6;
    }
    ul li {
    margin-bottom: 0.4em;
    }
    ul ul {
    list-style-type: circle;
    margin-top: 0.4em;
    }
    </style>

</head>

How did you get the “Save Theme” button top right?

Opps, that’s an internal feature only for now, we have a little more work to do, but it will allow you to create new themes…

2 Likes