How to Customize and Style the Attachment Section in WooCommerce

The Product Attachment plugin includes a Custom CSS section that lets you style the attachment area to match your store design.

Using this option, you can add your own CSS rules for the provided attachment CSS classes.

This allows you to customize colors, spacing, fonts, icons, or layout without editing theme files.

It’s a safe and flexible way to control how attachments look on the frontend.

Default structure:

.woocommerce-Tabs-panel--wcpoa_product_tab .wcpoa_attachment_name{}   .woocommerce-Tabs-panel--wcpoa_product_tab .wcpoa_attachment{} 
.woocommerce-Tabs-panel--wcpoa_product_tab a.wcpoa_attachmentbtn {}  .wcpoa_attachmentbtn.youtube_container {}

Default layout

Custom CSS to remove background

.woocommerce-Tabs-panel--wcpoa_product_tab .wcpoa_attachmentbtn, .woocommerce-Tabs-panel--wcpoa_product_tab .wcpoa_attachmentbtn:hover{background-color: unset;}

Custom layout

This is just one example. Based on your theme design or specific styling needs, you can add your own custom CSS to style the attachment title, description, icons, or download buttons.

This gives you full control over the appearance of the attachment section, allowing it to blend seamlessly with your store’s layout and branding without modifying theme files.