How to Display an OSDownloads Pro Button as a Text Link

In some cases, if you add an OSDownloads Pro file download button to a Joomla article via shortcode, you may prefer to show it as a plain text link.

Here’s what the default file download button looks like:

OSDownloads Pro default download button

If you’d rather display it as a text link, here’s how it will look:

OSDownloads Pro button styled as a text link

You can achieve this with the “Add Custom CSS” module and a small CSS rule.

  • Go to Components > OSDownloads Pro > Files > your file > Advanced.
  • Set Download Color to match the page background where the button appears. For example, if the page background is white, enter #ffffff.

OSDownloads Pro “Download Color” setting

  • Download, install, and enable the Add Custom CSS module.
  • Set the module position to debug.
  • On the Menu Assignment tab, assign the module to the relevant pages.
  • Paste the following in the CSS Code box:
.osdownloads-download-button > span {
  color: darkblue;
}

.osdownloads-download-button > span:hover,
.osdownloads-download-button > span:focus {
  text-decoration: underline;
}

Custom CSS for text link styling

Feel free to replace the color: darkblue with a color of your choice.

  • Click Save or Save & Close.
  • View the article with the embedded download button—the button should now appear as a text link.