We are uploading content on moodle using "book" resource (with atto editor). To ensure that there is consistency in look and feel of content, we added following CSS at Site administration >> Appearance >> Additional HTML.
<style>
body .book_content p {
font-size: 17px ;
font-family: sans-serif, Arial ;
color: rgb(32, 33, 36);
text-align: justify !important;
line-height: 1.6;
margin: 20px 0px 0px 0px;
font-weight: 400;
}
body .book_content table
{
border-collapse: collapse;
width: 100%;
font-size: 15px ;
font-family: sans-serif, Arial ;
color: rgb(32, 33, 36);
line-height: 1.5;
font-weight: 400;
border: 1px solid #dddddd;
border-collapse: collapse;
}
</style>
I have 2 questions.
1. These settings reflect on desktop but not in mobile app. How can I enable it for mobile app?
2. Is there any better method to achieve the goal of having consistent formatting, other than posting in "Additional HTML" ?