PDA

View Full Version : Changing Snippet Text Size in RSS Displayer



luke6843
08-05-2010, 06:37 PM
1) Script Title: :: gAjax RSS Feeds Displayer (hosted)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex18/gajaxrssdisplayer.htm

3) Describe problem: I would like to make the text smaller for all the snippets that follow the news headline. Also, if I could adjust the headline size that would be great. I have found in the CSS where to change the dateline size but not the other two. Any help or suggestions would be greatly appreciated.

Thanks
Luke

azoomer
08-05-2010, 07:17 PM
There is no specified class or id to target wit css as the script is, so you will need to make a class or id. It should be quite easy to do, but how to do it depends on how you have set up your site. We need to see your page to help, so please post a link or the entire html of your page.

luke6843
08-05-2010, 07:26 PM
You can get to the page at www.quantjunkies.com - it is still being built so it is fairly raw.

azoomer
08-05-2010, 07:35 PM
Strange, the link takes me directly to a sedo kind of parking page. I guess the nameservers haven't been updated in my part of the world yet. I'll have a look again later

luke6843
08-05-2010, 08:04 PM
Sorry, I put an "s" on the end. S/B www.quantjunkie.com

azoomer
08-05-2010, 08:28 PM
As your page looks now you can try something like this in your css


#example3 p {
font-size:15px; /* the fontsize in the paragraps */
}

#example3 a {
color:#0000FF;
font-size:17px; /* the fontsize of the links */
font-weight:bold;
text-decoration:none;
}
.datefield {
color:gray;
font-size:60%; /* you may have to adjust this as it depends on what's above */
}
Tell me if it works or not.

The headline is an h3 tag and you can use something like this

h3 {
font-size: 20px;
}
Tell me if I am missing something.

luke6843
08-05-2010, 08:38 PM
Works perfect, thanks. Do you know of any way to tighten up the spaces in between the news stories?

azoomer
08-05-2010, 09:21 PM
You can control the margins like this

#example3 p {
font-size:15px; /* the fontsize in the paragraps */
margin-bottom:2px;
margin-top:2px;
}
and adjust it as you like. The spaces are seen because the default margins are larger

luke6843
08-05-2010, 09:37 PM
Thanks, that works perfect. Appreciate all your help.