Add Style!

Try on a Style Sheet

Style Selector
These are but a few style varieties to sample- you are invited to modify or create your own. If you have a snazzy, prettier version, please send it our way. For a blank slate, select the "none/template" style.

Using a Style Sheet

You will need to incorporate the CSS code or linkage in your own HTML files; there are two ways you can do this:

  1. Insert the CSS directly into the HTML for the page that will display the feed. This methods is best for sites that only are displaying the feed on one or a few pages. Use the form below to find the style you desire, copy the CSS, and paste it somewhere into the <HEAD>...</HEAD> of your HTML file that contains the Celtic Radio News Javascript code, surrounded by the <style>...</style> tags shown below. 
    <style type="text/css"  media="all">

<!--  this is where you paste the CSS provided by the form below -->

</style>
  2. Link to an external style sheet. This method is best if you will be using the Celtic Radio News feeds on multiple pages, as the CSS is stored externally, and thus allows you to change the output display of many pages by editing a single file. Just copy the CSS provided by the form below, and paste it into a new text file. Save it as something called "myfeed.css". Think smart about where you decided to store this file, as other HTML pages that call it need to define a correct path to the file. Many web sites just create a top level directory named style and store all style sheet files in this directory.

    Regardless, to connect the HTML file that contains the Celtic Radio News Javascript code to an external style sheet, insert this line into the <HEAD>...</HEAD> of your HTML. 
    <link rel="stylesheet" href="style/myfeed.css" media="all">
    Remember again that the value of href= must be a correct relative path from the HTML file to the CSS file.

CSS classes

This sketch represents the CSS classes created by Feed2JS.