Ticker RSS Formatting Help

Get Help
1

Hello,

I am using the ticker to display news from our website. The formatting is not working as expected. The title is being formatted correctly but the content is not. Here is the CSS and HTML:

<style type="text/css">
    .title {
        font-family: Arial, Verdana, sans-serif;
        text-decoration: underline;
        color: #FFF;
        font-size: 48px;
    }

    .content {
        font-family: Arial, Verdana, sans-serif !important;
        color: #FFF !important;
        font-size: 24px !important;
        padding-top: 10px !important;
    }
</style>

<p class="title">[Title]</p>
<p class="content">[Content]</p>

In the preview and on the display itself, the title appears to be correctly formatted but the content is very small and a dark color. I have tried using the !important tags as you can see but that doesn’t seem to help. I have also tried using the built-in templates instead of overriding but get the same results. Here is a screenshot from the preview:

Untitled.png1278×663 500 KB

Here is the RSS feed: https://www.lambmcerlane.com/feed/

Any help would be greatly appreciated.

Best regards,
Brandon

2

I couldn’t get the feed you supplied working at all, but by playing around using another feed, I figured out how to use the optional style sheet option in general.

(1) Under Edit Ticker, on the Appearance tab, place a check corresponding to Override the template.

(2) In the text editor, activate the Source view. Define the classes in here. For example:

< p class=“one”>[Title]< /p >
< p class=“two”>[Description]< /p >

(3) In the Optional Style sheet area, omit the tags that normally wrap a style sheet. For example:

.one {
color: #FF0000;
}

.two {
color: #00FF00;
}

3

It should also help to strip

tag
Edit ticker → advanced tab-> Strip Tags → “p”

4

Hi,
I installed a ticker with a RSS feed. I used the solution above to format the RSS. But I have a problem with the padding inside the box. All the padding is ok, except the padding-right.

This is the HTML:

[Name]

[Link|image]

[Title]

[Description]

And this is the CSS:

div{
background-color:rgba(100, 100, 255, 0.7);
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

.kop{
font-size: 28px;
}
.foto{
width:256px;
}
.titel{
font-size:48px;
}
.tekst{
font-size: 28px;
}

Can somebody tell me why the padding-right isn’t working?