Change Word and icon on Featured Course - Forum | JoomShaper
Staff replied Templates

Change Word and icon on Featured Course

Asked by Patricia Lawson 5 years ago Last activity 5 years ago

Hello,
I am not sure if this if SP PageBuilder or the SP LMS, but I want to change the wording on the Courses to something like 'Watch' and the icon to a movie camera. I do not know how to get this done:

https://imgur.com/a/lYDURHP

Thanks!

5 replies

Oldest first Newest first Most helpful
Ofi Khan Staff
5 years ago

Hello Patricia Lawson

Please go to Languages -> Overrides and translate SPLMS_VIEW_COURSES string to change the word.
Screenshot 2021-02-25 at 12.39.21 PM.png

Then use this CSS to Template Options -> Custom Code -> Custom CSS to change the icon.

.fa-long-arrow-right::before{
  content: "\f03d" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
}

Best regards

Patricia Lawson Asked this
5 years ago

Thanks, Ofi.

I was able to change the text using the language override.
I could not get the icon to change.
I believe there is a problem with the Quickstart package for LMS: I have several versions of font awesome in different places.
It is a mess.
I am struggling through it,,, will just keep the arrow. (Even using Inspect, it only changes sometimes, sometimes it will not....)

Ofi Khan Staff
5 years ago

try this CSS

.fa-long-arrow-right::before{
  content: "\f03d" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 700 !important;
}
Patricia Lawson Asked this
5 years ago

Hello Ofi,
Where is this path to fix the css: "Then use this CSS to Template Options -> Custom Code -> Custom CSS to change the icon."
Where do I find this?
Thanks

Log in to reply.