It looks like you've done a good job of getting the markup and classes to match the demo site. I'm seeing various discrepancies in the display as well. I think it's because the hugo theme is using an older version of bootstrap (v4.4.1), while your plenti theme is using a newer version (v5.2.0). I tried reverting this in your <head> but still had style issues, they must be modifying it in there asset pipeline.
I'm able to get this closer to the demo site by just copying their styles directly over (https://github.com/jamestagal/plenti-educenter/pull/4/files). This is a little messy, so if I were approaching this from the perspective of making the theme more sustainable I'd probably rewrite these styles from scratch. Adding libraries can quickly bloat the application if you're not careful. The global.css file is currently 17,836 lines (includes the modified bootstrap), but I bet this could be rewritten with the exact same visual frontend in under 1,000 lines. It just would unfortunately take more time than I have at the moment to do that.
You could also try to track down why our bootstrap 4.4.1 doesn't look like their modified output. That might be a nice middle ground of making things more sustainable by abstracting the library again, without having to rewrite everything from scratch.
Hi @jimafisk I am just moving this issue here so it doesn't get lost in the now closed issue where we discussed it. Cheers, Ben Originally posted by @jimafisk in https://github.com/jamestagal/plenti-educenter/issues/3#issuecomment-1234763636