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
2 years ago

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):
  • Chris-Santos's avatar
    Chris-Santos
    Staff
    2 years ago

    I have to add that this is an unsupported process by Articulate.  You may need to familiarize yourself with CSS if you need to further explore this option.

Related Content