I was having a go customising the Bona template… and it looks quite good. However, I wanted to make the load more button a working feature. I have a vague idea how I would do it from scratch for a website but I am not too sure for this template. Not sure if it’s something that can be helped with (and if so I guess I can try elsewhere) but I might as well ask.
I looked around and I can’t find much that relates to the load more button except in the style css (and ofc the html code too)
.load-more-btn{ padding: 15px 40px; margin: 10px 0 30px; transition: all .3s; box-shadow: 0px 0px 2px rgba(0,0,0,.4); background: #C3D8F5; }.load-more-btn:hover{ transform: translateY(-2px); box-shadow: 5px 10px 20px rgba(0,0,0,.3); }
I’m guessing I need to add something to the css (although there seem to be multiple css files for several things)
Does it also require a js file as I can’t find a pre-existing one so if so I guess I would need to create.
I want it so that each time only 3 articles load, again I have a vague idea of how but im not sure where the code would go and how it would work with the complicated dividers. Just want to know what I am missing some pointers of some sort. Thanks