Diego Matter

/*
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;
}

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

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