solved Add scroll bar to Blog Archive Template

Isleander
Isleander
@isleander
3 years ago
558 posts
I would like to add a scroll bar to the "Older Posts" (blogs) template in Site Builder for Ninja.

Any advice would be greatly appreciated.

Thank you.

CodeBlogPosts.png
CodeBlogPosts.png  •  134KB


updated by @isleander: 08/08/21 02:54:43AM
paul
@paul
3 years ago
4,331 posts
There is an option for this in Site Builder. Open the widget page, click on a widget ‘Container settings’ then set the ‘Container Height’ option.
Hth


--
Paul Asher - JR Developer and System Import Specialist
Isleander
Isleander
@isleander
3 years ago
558 posts
Sorry Paul, but that is not what I want to do. It's not for the "Container" - I want to create a scroll bar for the actually widget itself. I've tried adding code, but to no avail, so far.
michael
@michael
3 years ago
7,746 posts
You need to add a css class for .blog-archive-entry

something like:
.blog-archive-entry{
height: 100px;
overflow: scroll;
}
Isleander
Isleander
@isleander
3 years ago
558 posts
michael:
You need to add a css class for .blog-archive-entry

something like:
.blog-archive-entry{
height: 100px;
overflow: scroll;
}

Thank you Michael,
I added that code to the widget code but it didn't work. Do I need to add something else before .blog-archive-entry? Or do I need to add the code to the template (skins/jrNinja/index_blog_list.tpl)?
michael
@michael
3 years ago
7,746 posts
CSS has to go into a place that picks up CSS, so the easiest place for that without needing to adjust templates and upload is at:

ACP -> SKINS -> (your skin) -> STYLE -> CUSTOM EDITOR

After adding and saving make sure you reset the caches

ACP -> MODULES -> SYSTEM CORE -> TOOLS -> RESET CACHES
style.jpg
style.jpg  •  610KB

Isleander
Isleander
@isleander
3 years ago
558 posts
Sorry Michael, but that didn't work... It changed the appearance of the list, but no scroll bar. I've had to reset the style... so back to square one.
Isleander
Isleander
@isleander
3 years ago
558 posts
Fixed it... added another string of code to the widget.
fixed.jpg
fixed.jpg  •  36KB


updated by @isleander: 05/08/21 08:33:59AM
michael
@michael
3 years ago
7,746 posts
Glad you got it working. :)