Forum Discussion

HollyPaden's avatar
HollyPaden
Community Member
5 years ago

Make markers bigger

Is there any way to make markers on a graphic larger and more noticeable? I saw an old discussion for making them not white/black, but it didn't seem to have been resolved.  And I'm seeing no discus...
rise 360
CodyGlaze-ee2e8's avatar
CodyGlaze-ee2e8
Community Member

I have received similar feedback from users. It would be incredibly helpful to resize the markers within Rise. My students who struggle visually find it challenging  when the icons are so small

Chris-Santos's avatar
Chris-Santos
Staff
2 years ago

Hi Cody,

We don't have this option in our roadmap yet.  We will be updating this thread as soon as we hear news about this feature from our team.

But if you are familiar with CSS and basic HTML, you may be able to modify the main.bundle.css to adjust the size of the marker (as shown below):

First, locate this file inside your folder (scormcontent/lib folder).  Open the CSS file using a text editor like Notepad or Notepad++.  Then find the following CSS entry: 

@media(min-width:48em) {
.labeled-graphic-marker__pin {
font-size: 1.8rem;
height: 3rem;
line-height: 3.2rem;
text-align: center;
width: 3rem
}
}
 
To adjust the size of the marker, change the height and width property.  The cross can be adjusted by changing the font-size.  And to change the cross' vertical alignment, adjust the line-height property.
 
Then saved the CSS file, rezip the package and upload it to your LMS.  Note that when zipping, make sure you will zip the package in the location where the main files and folders are located (as shown below):
Related Content