How to change the font size in a page template for DownloadManager Free

Viewing 12 posts - 1 through 12 (of 12 total)
#165380

Diego Matter
Participant

Hi.

I’m using the free version of DownloadManager with the ElegantThemes Divi Theme.

I would like to be able to change the font size on the page template.
How do I do this? I tried several things, but none is working.

Thanks for your help,
D.

#165382

Humayon
Moderator

Hello @diego-mattergmail-com,

Greetings and welcome.

Please share the related page/file/package URL where you want to adjust the font size. So, that we can check it and give you a better solution.

Thanks.

#165385

Diego Matter
Participant

Hi

This is a link to one document. But it should use the same font size for ALL documents listed on https://wasteeducation-qld.org

Managing waste in Kindergartens and Early Learning Centres

Thanks,
Diego

#165386

Diego Matter
Participant

Link is
wasteeducation-qld.org/download/managing-waste-in-your-kindergarten

#165430

Humayon
Moderator

Hello,

Thank you for the details.

Please add the below CSS code to your Dashbaord>Appearance>Additional CSS.

.w3eden {
    font-size: 14px;
}

I hope your problem will be solved.

Regards

#165497

Diego Matter
Participant

Many thanks.

Just to confirm: I put the CSS in the WP Dashboard – Appearance – Customise – Additional CSS

It works on the Desktop and mobile, but on the mobile paragraph text is still small to read.
When I increase the font even further it gets to big on the desktop and looks ugly.

Do you have another trick up your sleeve?
Does the pro version have settings for the page template font sizes?

I also tried this to change the headers. But the headers stay the same.

.w3eden {
font-size : 15px;
}

h1 {
font-size: 1.4em;
}
h2 {
font-size: 1.2em;
}
h3 {
font-size: 1.1em;
}

Thank you,
Diego

#165499

Humayon
Moderator

Hi,

I see the paragraph text size has been changed. Also, it’s getting inherited from your theme style. Here is the reference screenshot.

All basic interface related settings can be found under Dashboard>Settings>User Interface and for the page-template font sizes settings, you can declare classes/ID’s on the related tags which you can style later. Most of the style will be inherited from your theme style.

In order to change the header please use the below CSS.

.w3eden h1 {
    font-size: 25px;
}
.w3eden h2 {
    font-size: 20px;
}
.w3eden h3 {
    font-size: 18px;
}

Let me know if you need further assistance regarding this matter.

Regards

#165500

Diego Matter
Participant

Great,

Thank you so much. It works perfectly!

D.

#165501

Humayon
Moderator
This reply has been marked as private.
#165511

Diego Matter
Participant

/*
CSS for Download Manager installed on Elegant Themes Divi Theme
to format the file details pages (‘page template’) and file overview pages
to look good on desktop and mobile
v1.0 by Nice Agency / Diego Matter 2021-12-10

add to WP Dashboard –
Appearance – Customise –
additional CSS
*/

/* if necessary : link hover color and text decoration
.w3eden a:hover {
color : Coral;
color : DarkOrange;
text-decoration:bold;
}
*/

/* Text sizes */
/* ———- */
.w3eden {
font-size : 14.7px;
line-height: 1.6;
}

.w3eden body,p,ul,li,link {
font-size : 14.8px;
}

.w3eden h1 {
font-size: 1.6em;
}

.w3eden h2 {
font-size: 1.51em;
}

.w3eden h3 {
font-size: 1.2em;
}

#165527

Humayon
Moderator

Hello,

Thank you for your great review and the above styles.

Have a good day ahead!

Regards

#165562

Humayon
Moderator

Hi,

Hope you are well.

Please don’t post any forum link/ image link to your review.

As, you see your review has been removed, so if possible can you leave a great review again without any forum link?

Thanks.

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

The topic ‘How to change the font size in a page template for DownloadManager Free’ is closed to new replies.