.classTable.frame {
background-color: #FFF;
color: #000;
border-image-source: url(your-image-url-here);
}
.classTable tbody tr(:nth-child(odd)) {
background-color: #D4F7A1;
}
Help & Instructions
Welcome to Pestle! This tool allows you to customize SVG templates and export them as PNG images along with the corresponding CSS for use in the Homebrewery.
How to Use:
- Select an SVG template from the dropdown in the sidebar and click "Create".
- Use the controls in the sidebar to adjust properties like colors, sizes, and more. The preview will update in real-time.
- Switch between "Preview", "CSS", and "PNG" tabs using the buttons at the top of the workspace.
- In the "CSS" tab, you can view and copy the generated CSS for your customizations. Only the properties needed for use in the Homebrewery Style Editor will be available (noted with asterisks)-- others are baked into the PNG image.
- In the "PNG" tab, click "Generate PNG" to create a PNG image of your customized SVG. Upload this image file to an image hosting service like Imgur.com or ImgBB.com. Then use the image URL provided by those services in your brew document.
Tips:
- Use the zoom slider in the preview toolbar to get a closer look at your design.
- Change the preview background color using the color picker in the preview toolbar for better visibility of your design.
If you encounter any issues or have questions, please refer to the documentation or contact support.