Styling the Phoca Download Title and Tags

Styling the Phoca Download Title and Tags

Today I needed to add links to my Phoca Download component. In the category list, the tag links were just to large and not separated. So, I created the option to add a font awesome tag in front, shrink the font size & make the file title larger for a better user experience.

Below is the code that I added to my custom.css:

.pd-tags{font-size: 10px;
color: #4a494a;
padding: 6px;
background: #e8eaeb;

}
.pd-tags a:before {content: "\f02b ";
font-family: FontAwesome;}

.pd-filename {font-size: 20px;}

Handling Links within JEvents & Google Calendar- N...
Changing Phoca Download Button Styles & Classes

Related Posts