In relation to an Articulate Rise project, I have a client who wants two things: 1. The module headings on the homepage in Rise to be larger - is this possible? The complaint is that they "just look too small", "don't stand out enough". 2. The "Details" link in the homepage banner to link to a particular module. (or to be able to have a link to a particular module.) Is this possible? Any assistance greatly appreciated, thank you.

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.

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!

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

28 Replies

AshleyT-Pollard
Staff
8 years ago
Absolutely Silvia, we'll let you know here any updates once we have them!
SueAntonissen
Community Member
8 years ago
I've also had requests to edit font size of Lesson Headings in the TOC. Glad this is on the radar for Rise updates. Thanks!
DianeGalloway-5
Community Member
7 years ago
I've also had this request and would find it really helpful. We aren't publishing the course to LMS or SCORM but sharing the link on an intranet. Am I right in thinking therefore that there won't be an css file to update (sorry if that is a daft question but new to Rise!).

Thanks
AshleyT-Pollard
Staff
7 years ago
Hi Diane,

Thanks for sharing your insight too! Changing the CSS is something a few other folks in the E-Learning Heroes community have started to play around with (You'll see earlier in this discussion Stuart shared some code changes).

I'd recommend connecting with those individuals either here in ELH or using the Contact me button on their profile if you'd like to try that! It's well outside my area of expertise. 😉
StuartMarshall-
Community Member
7 years ago
Yes - if you are just linking to the Articulate-hosted version of your course then there isn't anything that you can (currently) do to change things like header sizes etc. Do you or your IT team not have access to a web server that you could add the exported course to? You'd have more options if you did that.
- DianeGalloway-5
  Community Member
  7 years ago
  Hi Stuart thanks for responding. I have managed to export the course as No LMS to my local drive and unzipped my files. I located the index.html file and amended it in WordPad (don't know HTML at all but you screenshot was very helpful). I resaved the file but now have no clue what to do! I saw something above about zipping the files but don't know what i'm zipping and what happens after that, do I then unzip it back to my local drive and what launches the course? Sorry for so many questions but I would appreciate any guidance you can offer as this will make a huge difference to how things will be received here.
  
  Thanks
  
  Diane
StuartMarshall-
Community Member
7 years ago
You would only need to re-zip the files if you had exported for LMS as you need to upload a zip file on a Learning Management System.

If you have access to a web server you would now just add/ftp the whole folder onto it. You would then need the link to the index.html file which you can then place on your Intranet or wherever else you want people to access it from.

You should be able to see if the edit you made has done what you want by opening the course locally on your machine. Just open the index.html file with your browser of choice.
CamT
Community Member
7 years ago
Hi Ashley,

I second the request. Without getting into coding, I need to be able to make the TOC/lesson font bigger. It's very small as is.

Thanks.
DebbieKropp-e26
Community Member
7 years ago
Hi I would like to change the white font to black - where you put the cover photo.
- Crystal-Horn
  Staff
  7 years ago
  Hey Debbie! In Rise, you can modify the contrast of the text on your cover photo, but not the color.
  
  It looks like Stuart offered some help in earlier comments on this discussion -- feel free to use the Contact Me option on his profile to see if he can lend a hand with his workarounds!
AnanthSankaran
Community Member
6 years ago
Has the query from OP addressed? Do we now have an ability to change font size of lesson title via Rise 360 or do we still need to fall back to CSS hack?
- AllisonLaMotte
  Staff
  6 years ago
  Hi Ananth,
  
  Thanks for reaching out!
  
  I don’t currently have any updates, but you are now subscribed to this conversation which means as we share updates here, you’ll automatically be notified.
SandeepRao
Community Member
4 years ago
Hi Marshall, On the font size after changing the size how do we save the chnages?

Currently i see the font change, but not able to save the change. Pls advise.

Thanks

Forum Discussion

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

28 Replies

Related Content

Change heading level

Moving a module

Design for Change – Because You Know It’s Happening Anyway

Change Themes in Rise 360

screenreader says 'clickable' when a textbox is a heading

Learn

Connect

Discover

Community

Company

Trust Center