Hey Matt, thanks for installing the app and trying it out!
Short answer to your question: yes, it is possible edit how the wishlist displays to better match the rest of the site.
I'm happy to work with you to get the wishlist looking good in your shop. I looked at a wishlist page in the Atlantic theme and It looks like the best path at this point for is to add a custom page template to display wishlists. Here's an example URL of a shop doing this: http://www.hawaiititaniumrings.com/pages/wishlist?shared=6496ff86cf167954370803f9607dd81b
Just sent you an email to walk you through this. If you don't receive my message, then email me: wishl [at] lucaslessa.com
Long answer:
The CSS for the wishlist display is loaded from an external file called wishl-default. You cannot edit that CSS, but you can override its rules individually in your theme's CSS file like this:
/* make wishlist product title bigger and bolder
use div#wishl-wrapper in rule to override default stylesheet's rule
*/
div#wishl-wrapper .wishl-product-title {
font-size: 20px;
font-weight: bold;
}Each item on the wishlist is rendered on-the-fly using a javascript Handlebars template. You can customize that, too, by adding a page in your shop to display wishlists and creating a custom Handlebars template. I can help with that.
The html structure of the wishlist is grid-based, borrowing from Shopify's own Timber theme framework. No worries if some of this sounds like gibberish — I think it's just web designer speak.