Results 1 to 9 of 9

Thread: Changing Snippet Text Size in RSS Displayer

  1. #1
    Join Date
    Jul 2010
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Changing Snippet Text Size in RSS Displayer

    1) Script Title: :: gAjax RSS Feeds Displayer (hosted)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...sdisplayer.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

  2. #2
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    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.

  3. #3
    Join Date
    Jul 2010
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    You can get to the page at www.quantjunkies.com - it is still being built so it is fairly raw.

  4. #4
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    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

  5. #5
    Join Date
    Jul 2010
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Sorry, I put an "s" on the end. S/B www.quantjunkie.com

  6. #6
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    As your page looks now you can try something like this in your css

    Code:
    #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
    Code:
    h3 {
    font-size: 20px;
    }
    Tell me if I am missing something.

  7. #7
    Join Date
    Jul 2010
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Works perfect, thanks. Do you know of any way to tighten up the spaces in between the news stories?

  8. #8
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    You can control the margins like this
    Code:
    #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

  9. #9
    Join Date
    Jul 2010
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks, that works perfect. Appreciate all your help.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •