Skip to main content

Has anyone tried or had any luck with changing the text that appears on the course tiles?

 

We only offer our courses in English, so we are wondering if we can remove the EN from every course. In addition, we are hoping to change “E-learning” to a different name. I tried using the localization tool and it did not adjust or update E-learning in the course tiles.

 

If anyone has tried CSS for this, I would love to learn how you did it as well.  

Hi @MelissaKustra 

if you change the standard e-Learning (with an uppercase L) that should work.

 

 


Hi @Stephen.Barton That’s great, thank you! Can I ask, how did you remove the EN language from appearing in your course tile? 


I was wondering that too 😃

is it because I have used the Courses and Learning plans widget perhaps?

 


I see it in Channels ?

 


 

 


@Stephen.Barton That’s what I am using as well. What are your language settings set to in that widget? These are what mine are set to. I’ve tried messing with it, but it doesn’t seem to change it. 

 


@Stephen.Barton  @MelissaKustra 

I know that the EN comes from the language designation in the Properties of the course shell. EN changes to PT (for example) when I publish my courses in Portuguese.

As you can see, however, the field is a required field, so how Stephen got it to go away is still a mystery. I don’t believe there is any connection to the Course/LP widget.

 


sorry, my setup looks the same as yours, I have no CSS code affecting this and no idea why mine has no language indication.


@Stephen.Barton @KMallette Thank you both for taking a look and helping me understand this a bit more, I appreciate it!


Hi there,

When using the list this will show the language and the course type (eLearning/ILT).

 

If the Estimated Average Time is used for the course, it will then push out the language for this additional metadata.

If you require the CSS to remove the language code and separator when using ‘Course Cards’ - the following CSS should help. This will not remove the language code/separator when using ‘List’ display mode.

/* Hides the languages code and seperator on Course Cards START */

.ui-card-language,
.ui-card-language+.ui-card-separator {
display: none !important;
}

/* Hides the languages code and separator on Course Cards END */

 


Hi all,

Just following up on this - 

It seems as though the language code does not show when the course is ‘Not Started'

Bit of a bizarre one!


Final follow-up - 

This CSS should allow you to hide the Language Code and Seperator when using Lists.

/* Hides the languages code and seperator on Course Lists START */
.ui-list-item-language,
.ui-list-item-language+.ui-list-item-separator {
display: none !important;
}
/* Hides the languages code and seperator on Course Lists END */

The suggestion is that if you have a Sandbox/Stage environment, you test this out and ensure all pages display as required once implemented. Once you are happy with CSS, then deploy this to the Production Environment.


@DPatel Thank you!


Thank you  @DPatel   

Now, they added MANDATORY 

Do you happen to have the CSS code to hide these two….. ??? THANK YOU

@Stephen.Barton @MelissaKustra 

 

 


Hi @Isram 

This should remove the text of ‘Optional’ or Mandatory’

/* Hides whether the course is Optional/Mandatory in Learning Plan START */
.flat-vertical-list-item-type-mandatory-separator {
    display: none !important;
}
/* Hides whether the course is Optional/Mandatory in Learning Plan END */

 


Thanks @DPatel I tried it , but it didnt work 

 


Hi @Isram I do not know of any CSS code that would hide this, I’m sorry. I ended up giving up on trying to hide the English code, because I am very new to CSS and don’t understand where to place the CSS code to make it work. Optional and Mandatory hasn't shown up on our platform yet (I really hope it doesn’t, there needs to be easier ways to customize what we want to show to learners). 


Reply