Problem with alignment in product attachmetnt tab

Hello thomasdujardin,

Thanks for reaching out to us.

The design of the attachment title and description is depends on the theme currently you have activated.

Our plugin is designed for the default WordPress themes.

It might be possible that another plugin CSS conflict with our plugin and attachment information might not displaying properly.

Can you please provide me the below details so, we can help you in more detail.

1. Activated theme name.

2. List of activated plugins

3. Console or error log if any related to the CSS.

4. Screenshot of the design.

I hope this helps. Let us know still you have any query.

Thanks,

Hello thomasdujardin,

I hope you are doing well.

Did you test give steps and your query gets resolved?

Please review it again and let me know still you need any further assistance.

Thanks,

/*
* Product Single - Download Tab
*/

.wcpoa_attachment {
    display: inline-block;
    width: 49%;
    padding: 0 10px;
    height: 45px;
    margin: .5em .25em!important;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

.wcpoa_attachment:last-child {
    border: none;
}

.wcpoa_attachment_name {
    float: left;
    font-size: 1.14em;
    line-height: 2;
    width: 70%;
    font-size: 1em;
    margin-bottom: .25em!important;
    line-height: 1.4;
    transition: .25s ease-in-out all;
}

h4.wcpoa_attachment_name::before {
    content: 'Attachment filename: ';
    font-size: .75em;
    font-weight: 500;
    position: absolute;
    top: -13px;
    color: #989898;
}

a.wcpoa_attachmentbtn {
    float: left;
    width: 25%;
    text-align: center;
    display: inline-block;
    transition: all .25s ease-in-out;
}

.wcpoa_attachmentbtn:hover {
    opacity: .85;
}

div#tab-wcpoa_product_tab {
    margin-bottom: 2em;
}

@media (max-width: 1199px) {
    .wcpoa_attachment {
        width: 100%;
    }
}

@media (max-width: 568px) {
    .wcpoa_attachment {
        width: 100%;
        padding: 0 10px 15px;
        height: auto;
    }
    .wcpoa_attachment_name {
        font-size: 1.14em;
        width: 100%;
        font-size: .9em;
        margin-bottom: 0.25em!important;
    }
    a.wcpoa_attachmentbtn {
        width: 100%;
        margin-left: 0;
    }
  
}