Custom CSS

Although a Custom CSS section doesn't currently exist in Bundable (but it's on our roadmap!), you or your development team can still update the bundle page's styling by following the below:

  1. Access your theme's CSS file.
  2. Search for #bdlr__bundle-widget
  3. If you class down from the above, it will only affect the bundle page. Add your custom CSS code here as you see fit, and ensure to save changes.

You can also follow the below steps to style your bundle page:

Styling Bundle Page

  1. Go to your Shopify admin.
  2. Head to Online Store > Themes > Edit Code
  3. In the code editor, click through to theme.liquid on the left hand side. This will open the general liquid code for your theme.
  4. Most themes will have all the code nestled within the <body></body> tags. Copy and paste the below code right before the closing </body> tag and Save Changes.
{% if request.path contains 'bundle-builder' %}
<style>
#bdlr__bundle-widget { *ANY CSS CODE INCLUDED HERE WILL AFFECT ONLY YOUR BUNDLE PAGE*
}
</style>
{%endif%}

If there are any questions on how to custom style your Bundle page, please reach out support@soviapps.com and we'll do our best to assist.

Still need help? Contact Us Contact Us