So I was tinkering around with the cards in the course catalog trying to find a slightly different look and found that the CSS adjustment was not real drastic. I thought some others may be interested in this small adjustment.
Here was the starting point.
You’ll notice I had chosen an image and used the Localization Tool to change the wording on the bottom already.
I was looking to pull out the icons on the bottom as well.
![](https://uploads-eu-west-1.insided.com/docebosuccess-en/attachment/646c20bf-24c3-4aa8-ac6d-a36c69b3147c.png)
Here is the after
![](https://uploads-eu-west-1.insided.com/docebosuccess-en/attachment/63c65cfc-aa18-4fb0-b190-d187497d9f3d.png)
I got the icon out but then the text needed a small padding adjustment.
Then I wanted to try changing some colors on the bottom for the background and text color.
Here is the code for the above changes.
/** Make padding adjustment and background color change for catalog cards **/
ui-card-footer {
padding-left: 5px;
background-color: #000000;
}
/** Remove icons from bottom of course catalog cards **/
ui-card-footer ui-icon {
display: none;
}
/** Change text color for bottom of catalog cards **/
ui-card-footer span {
color: white;
}
Hopefully this helps someone out someday.