CSS for catalog widget - hide details everywhere

Thank you @Chelsy Koshy - that worked perfectly.

@stephanie.pankewicz Great to hear that it worked perfectly! I'm glad I could help. 😊

this is great, thanks for sharing! is there another one i could add for it to eliminate “free”

@jcellitti can you share a screenshot of where it says “free” on the card? I can’t remember where that was so I’m not sure which code removed it.

I’m having an issue with the NEW title on the cards. If the CSS code that was shared in this thread eliminates the title from ALL of the cards, would it be possible to remove it just for specific cards within a catalogue course listing so the user can see the NEW legend only on certain cards within the same catalogue row?

Txs!

Without scripting, while technically possible, this would be an incredibly difficult thing to actually achieve well. There’s no way to identify card contents and apply rules based on it, so at best you could do nth number of card in the carousel, but everyone’s would be different. For just CSS use, this is an all or nothing situation.

Really like all the customizations to these cards, adding to the backlog for adding to the wizard in Fark.Tools. Getting ready to do an update with a bunch of new items soon.

Thank you @stephanie.pankewicz 

@Chelsy Koshy  That was exaclyt what I was looking for!! 

btw Does anybody happen to have the code for hiding course details in ILT  ?

@Bfarkas 

Thanks in advance

Hi @Chelsy Koshy ,

We have tried the remove Enroll Button for the public catalog course.

Adding CSS code in Configure branding and look

/* Hide Enrollment Part on Course. Switch XXX with Course ID START */ .lrn-course-overview-XXX .lrn-widget-content-enrollment { display: none!important } /* H?de Enrollment Part on Course. Switch XXX with Course ID END */

For E-learning, it works well, but for ILT courses, we can remove the enroll button from the course level but not the sessions.

Could you assist with this further?

Thanks in Advance.

Hi @Ragnee kumari,

You can hide the enroll button on the public catalog page using the CSS below.

lrn-widget-sessions-list .lrn-widget-sessions-list-secondary-button{
    display: none;
}

However, be aware that if the same class name is used for buttons in other areas, applying this CSS will hide all buttons with that class name.

Is there a way to:

1. Get rid of the price label on the catalog widget?  This is irrelevant for most of our users, so it is just clutter and raises more questions than it answers.
2. Is there a way to make catalog widgets show the user’s status (Not Started, In Progress, Completed) on the catalog widgets?  These labels show up on the custom “My Courses and Learning Plans” page, which have very similar widgets, but they don’t show up on Catalog widget pages.