Make markers bigger

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):

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.