Customization

n3t oEmbed support fully Joomla override system. This means, that you can easily override any HTML code, CSS code and/or JavaScript code in your template.

HTML

Overridable HTML files are:

  • tmpl/post.php - displays the embedded source. Could be overridden to add more advanced styling.
  • tmpl/error.php - displays the URL link in case of error. Could be overridden to add more advanced styling for error displaying.

How to override HTML output in Joomla!

The most strightforward way to create override is to use directly built-in template manager in your Joomla installation, as described here.

How to override HTML output in your template!

Another option to override HTML file is simply to go to your template folder templates/YOUR_TEMPLATE_NAME, create html/plg_content_n3toembed subfolder there, if not exists yet and copy original file from plugins/system/n3toembed/tmpl into this new location. Then make your changes. This will make your changes safe from overwriting during update.

CSS

Overridable CSS files are:

  • responsive.css - styles for responsive display.

How to override CSS files in Joomla! 3.x

To override CSS file simply go to your template folder templates/YOUR_TEMPLATE_NAME, create css/plg_n3tcookieconsent subfolder there, if not exists yet and copy original file from media/plg_n3toembed/css into this new location. Then make your changes. This will make your changes safe from overwriting during update.

How to override CSS files in Joomla! 4.x and newer

To override CSS file simply go to your template media folder media/templates/site/YOUR_TEMPLATE_NAME, create css/plg_n3toembed subfolder there, if not exists yet and copy original file from media/plg_n3toembed/css into this new location. Then make your changes. This will make your changes safe from overwriting during update.