Can you change the font size of the module headings on the home page in Rise?

Hi Silvia!

The lesson headings on the course main page are set at a default size, but it sounds like you'd like to have more flexibility to format that text. I can pass that idea along to our Product team for you!

The Details link on the course main page directs to the introductory text just below the title. You could remove the Details text from the home screen and instead create your own Details button using a Button Block. Here's a sample of what that could look like!

Thanks for your help. Yes, if you could pass it on to the product team that would be great.

Thanks for your example.  To elaborate further, my clients want students to be able to navigate to either of 2 pages from the homepage:

1. an "index page" which contains details about the content of each section, together with LINKS to those sections. 

2. a support page with further information (a careers resources / support page).

3. ideally, they don't want students to see all the sections on the homepage (they say it is too confusing), rather they just want the above 2 links on the homepage.

Thanks again Alyssa!

You can edit the published files to make the headings look however you like. Ideally you'd do this in a new css file (and import that into your index.html file) but to keep it simple you can add the following code straight into the index.html file.

.overview-list__title-content {
 
 font-size: 1.2em;
 color: #4BAAF4;

}

Add the above either to a custom CSS file or to the following section of the index.html file:

@media (max-width: 47.9375em) { /* 768px */
 .brand--max768--background { background-color: #4BAAF4 !important; }
 .brand--max768--border { border-color: #4BAAF4 !important; }
 .brand--max768--color { color: #4BAAF4 !important; }
 }
 <ADD THE ABOVE CODE HERE>

</style>
<div id="app"></div>

The sample code i have provided also gives the heading a color so just remove the color line if you don't want to change that. I used the same color as my custom theme and it looks pretty good I think (you'll find the HEX value for your color scheme in the index file so just copy and paste that). You can also adjust the 1.2em size to whatever you like e.g: 0.8 will be smaller, 1.4 will be bigger and 2.1 will be bigger still.

Here's an example of how it looks:

Hey Silvia,

Since you mentioned you don't want students to see all the sections on the homepage, check out the example Zsolt created over here. He even included a tutorial to show you how it's done!

Hi Alyssa or Stewart,

Do you know if it is possible to create hyperlinks that would go to other sections within a Rise project?

After making the edits did you zip the top-level folder? If so then that will be the problem. It is the individual files and folders within the top-level folder that you need to zip together.

You can certainly add a button item into a Rise course and point it to another section in the same Rise course. Don't think you can do this for hyperlinks within a text block though.

Hi Stuart, sorry, yes I did zip the top level folder. Have now re-zipped individual files and folders and it worked! Brilliant, thank you!

Thanks Heather for weighing in on this idea - it's not something we've implemented yet, but always helpful to know how this would help your course development. 

Hi Heather, yes agree, having it native in Rise would be fantastic. I have had so many clients wanting bigger font size options for the TOC. Thanks for keeping us updated Ashley.