Issue with added class name, and adding the widget

[humantex]

I'm using the slideshow widget on a test site that uses a copy of the Avion theme with a slightly modified base. The only changes made so far is an override template for the blog to use Disqus for comments - and some minor CSS changes for overall styling. There will be more changes, but so far I'm having a couple of issues in, (1) getting the theme to play nice with the user-assigned CSS class, and (2), getting the widget inserted into the theme.

I'm fairly new to pagekit and am still digging into the code to get a better understanding of which code controls what part of the processing - so - I'm unsure whether parts of this are my mistakes, pagekit problems, or slideshow's issues.

for (1)...
I've tried to use the widget within the boundary of the available parameters for placement. I was hoping that a slideshow could be treated as actual content and inserted into the 'article' body, but it seems like it wont - so I've tried every position the Avion theme offers. The only position that will work in the way that fits for me as a blog post item, is when it's in one of the "Bottom A/B/C/D" positions and I assign it to "Blog" for visibility. There's no visibility settings listed for individual posts, but if I create a single widget intended for just one post to use as a widget shortcode, it will show up in the body of the posting. Inserted as: (widget){"id":4,"hideTitle":true}

The problem comes in when I try to style the text overlays and assign an added class name for the widget to use, i.e., Edit Widget > Theme > HTML Class: blog-show. It never gets recognized as a proper class name assignment. If I look at the page source, I can find the class name, but not in the way that the browser can use it. The div's code comes out as: <div class="uk-panel uk-panel-header blog-show" > There are too many extra spaces and the CSS isn't applied. (Markup on github doesn't show it correctly, but there are 3 spaces between uk-panel-header and blog-show, with the added space at the end after the quote mark.)

Which brings me to (2)...
If I assign the position as "Top A/B/C/D", the styling works correctly, but the placement of the slideshow is no longer within the article body - however - it shows on the post listing page as a header in addition to being a top-position-a header on the individual blog-post's page. I assume that's where the visibility assignments would usually work for site-wide placement, but it isn't allowing insertion only as an in-page element with the generated shortcode coming from the editor's toolbar.

Details on the site/versions:
Litespeed web server (same directives as Apache 2.3)
Pagekit 1.0.13
sqlite 3.8.5
Add-ins: PKB Shortcodes (by NorrNext) + Include Widgets (by Tobbe)
site: https://enami.lumiworx.com

If you need a set of examples on-site to view, let me know and I can enable the widget and postings again. I'm working on other parts of the site while figuring out what my issues are.

[humantex]

Just to add... I could always modify the 'superslides.css' file to force my own styling choices - BUT - the first update to the widget code would wipe out any code modifications. I'd much prefer to assign a new class name.

[Fosphatic]

Well you could use an owesome plugin available on pagekits marketplace to keep those overrides even on updates, even i would not expect any updates that soon on this plugin. I gave up using it as it was not that way responsive as i would suggest a plugin should be nowadays. But you can create with pagekit anywhere a slideshow with the UIKit slideshow component it is just not very user friendly but not hard at all.