Change Word And Icon On Featured Course - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Change Word And Icon On Featured Course

PL

Patricia Lawson

Template 4 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!

0
5 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #8264

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

0
PL
Patricia Lawson
Accepted Answer
4 years ago #8384

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

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #8441

try this CSS

.fa-long-arrow-right::before{
  content: "\f03d" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 700 !important;
}
0
PL
Patricia Lawson
Accepted Answer
4 years ago #9468

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

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #9469

Please follow this documentation

0