Streaming live at 10am (PST)

Possible to you use the CMS to create a numbered ordered list?


#1

Hi, is it possible to create a numbered ordered list using the CMS like what is shown here (ignore the specific numbering as they are not in order)? http://a-living-theory.webflow.io/freebies/full/secrets-to-amazing-intimacy-the-best-relationship-and-marriage-action-list-full

Best,

Nathan


Here is my public share link: LINK
(how to access public share link)


#2
<script>
$('.action-list-item-number').html(function(i) {
  return 1 + i + '.';
});
</script>

#3

Thank you @samliew !

I'll try to implement it this evening and let you know how it goes...you're the man!

Best,

Nathan


#4

Hi @samliew,

I finally got to build out my page with the dynamic list...it appears that the dynamic list feature is overriding the script...thoughts on how to bypass that?

Best,

Nathan


#5

https://preview.webflow.com/preview/a-living-theory?preview=a94ce00d956e347412f774b183f9f4e7

http://a-living-theory.webflow.io/freebies/full/relationship/category/love-language-touch

Best,

Nathan


#6

Page not found......


#7

Hi @samliew,

Sorry about that...had to be away from my computer over the weekend.

Here is the updated link:

http://a-living-theory.webflow.io/freebies/full/relationship/secrets-to-amazing-intimacy-the-best-relationship-and-marriage-action-list-full

This page might be better: http://a-living-theory.webflow.io/freebies/best-relationship-marriage-amazing-intimacy-action-list ...it's much easier to get from the main page in preview mode and then switch to designer mode - (top nav) GOODS / FREEBIES / (on page) SECRETS TO AMAZING INTIMACY: The Best Relationship & Marriage Action List

Best,

Nathan


#8

You have to place all JavaScript in the Footer Code (by default). If you place it in the head, you have to wrap it with additional stuff like this so that it will run after page load, otherwise it will run immediately when your page content is not ready for the script:

<script>
var Webflow = Webflow || [];
Webflow.push(function() {
  $('.action-list-item-number').html(function(i) {
    return 1 + i + '.';
  });
});
</script>

#9

You are the man! Seriously @samliew

Best and thank you,

Nathan