This site requires JavaScript to be enabled
Knowledge Home | Print

How to change RSS Feed header style with CSS

Share URL:      Article: KB0000339 Published: 2014-08-04 Last modified: 2017-07-29


How can I change the RSS Feed title heading on the RSS block?


You have three methods available to you.

Method 1 - Default CSS from Content Library

  1. Navigate to the Content Library | General Library | RSS Feed block folder.
  2. Click on the rss-header-style.css file so it appears in the right-hand preview pane.
  3. Click on the Copy tab.
  4. Provide a new system name if you like and then choose the new parent folder location. It's recommended that you save it to your site's /local_resources/css folder if you don't already have another location in mind. Click Submit to save.
  5. After the system returns you to your site, navigate to the page where your RSS block is attached.
  6. Edit the page and expand the Page Settings label in the page.
  7. If in the flex page template, go to Page Settings | CSS/JS/code for page | Supplemental blocks/files and then attach the rss-header-style.css file to the Or, page-specific css file attachment area.
  8. Click Submit to save.

Method 2 - Copy and paste the following CSS to a new page you create:

div._rssfeed1 h3 {
background-position: 95% 50%;
    background-color: #DAAA00;
    border-bottom: 0 none;
    color: #002855;
    display: block;
    margin: 0;
    padding: 0.4em 30px 0.4em 10px;
    text-transform: uppercase;
    font-weight: normal;
div._rssfeed1 ul, div._rssfeed1 li {
    margin-left: 0!important;

Method 3 - Create your own

Using the above example, write your own CSS to style the RSS Feed on your page.

Have Knowledge Base feedback?

Email with any suggestions, updates, or comments regarding the UC Davis Knowledge Base.