Center setting

Viewing 11 posts - 1 through 11 (of 11 total)
#193623

R3ndy Nug
Participant

Hi Admin,

Please help to adjust its position to a middle and wide position to suit the device used.
Any help you provide is greatly appreciated. Thank You.

`https://www.dataku.top/download/google-chrome-x64/

#193632

Tahasin
Moderator

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

#193634

R3ndy Nug
Participant
This reply has been marked as private.
#193636

Tahasin
Moderator

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

#193640

R3ndy Nug
Participant

When the plugin is updated, does the code not disappear? can you simplify the code on customization settings
Additional CSS?

#193641

Tahasin
Moderator

#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.

#193643

Tahasin
Moderator

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;
  }
}
#193645

R3ndy Nug
Participant

Yes the CCS code works and there is still one position not in the center, I attached the Screenshot.

#193646

Tahasin
Moderator

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

#right-sidebar {
  display: none;
}
#193648

R3ndy Nug
Participant

Perfect bro. Thank You.

#193650

Tahasin
Moderator

Glad to here that 🤗

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

Regards

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.