Center setting

Hello, R3ndy Nug

I hope you are doing well and thanks for contacting us.

Kindly check if this aligns with your requirement, here is the screenshot

Regards

Here is the HTML code you have to use inside your page template file,

<div class="wpdm-button-area mb-3 p-3 card">
<a href="#unlock" class="wpdm-download-link wpdm-download-locked btn btn-primary " data-package="3804">Download</a>

</div><ul class="list-group ml-0 mb-2">
<li class="list-group-item d-flex justify-content-between align-items-center [hide_empty:version]">
Version
<span class="badge">118.0.5993.89</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center [hide_empty:download_count]">
Download
<span class="badge">6973</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center [hide_empty:file_size]">
File Size
<span class="badge">103 MB</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center [hide_empty:file_count]">
File Count
<span class="badge">1</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center [hide_empty:create_date]">
Create Date
<span class="badge">1 September 2023</span>
</li>
<li class="list-group-item  d-flex justify-content-between align-items-center [hide_empty:update_date]">
Last Updated
<span class="badge">6 Maret 2024</span>
</li>
</ul>

Place this code inside the <div class="col-md-12">place the html code here </div> page template file, and the file resides here wp-content > plugins > download-manager > src > Package > views > page-templates > page-templates-default.php

Here is the screenshot with the download button,kindly check

Regards

#1. Create {active-theme-dir}/download-manager/page-templates/
#2. Copy the file /download-manager/src/Packages/views/page-templates/page-template-default.php to newly created dir in #1
#3. Save

Here is the documentation

Follow this steps, so that next update of the plugin doesn’t erase your changes.

You can also try this CSS code in your Additional CSS section and let me know if it works

@media (min-width: 768px) {
  .w3eden .col-md-5 {
    flex: unset;
    max-width: none;
  }
}

It’s because of sidebar, if you want to hide it
use this CSS code

#right-sidebar {
  display: none;
}

Glad to here that 🤗

If you find my assistance valuable, I would greatly appreciate your support with a 5-star review here

Regards