TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

Members
  • Total Members: 3,970
  • Latest: bynw
Stats
  • Total Posts: 196,043
  • Total Topics: 21,335
  • Online today: 287
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 0
  • Guests: 200
  • Total: 200

Changing font size in blocks

Started by YahMan, January 06, 2006, 03:04:53 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

YahMan

That's something that's been bugging me. For instance, I'd like to change font size in my Newsblock which is Javascript converted from an RSS feed and in my Radioblock as well, which is Java/HTML. Now this is probably very easy, but I've been coding most of the day and now I don't know which way is up. :uglystupid2:

~YM

Rasyr

<font size="xx"> </font> is the easiest method, just wrap it around the  code to be changed.

xx = the size you want or even just a +1 or -1 (max of +/-3, IIRC).

Or... you can set up a new text style in the style.css, and then just add the class attribute to the various tags (or use a div tag as a wrapper and use the class that you set up in it).


YahMan


YahMan

Actually, my problem is half solved. My main irritation concerns my news block, it's an RSS feed converted into Javascript:

<script language="JavaScript" src="http://search-result.com/directhit/xml/World_News.js">
</script>


And as you can see, the font is bigger than the rest of the frontpage. Actually you can't, but take my word for it. Now, how can I change this font size?

~YM

[attachment deleted by admin]

crip

You could try putting <small>XXXXXXX</small>  might help.


<small><script language="JavaScript" src="http://search-result.com/directhit/xml/World_News.js">
</script></small>

YahMan


Rasyr

I figured it out...

I dragged the js file name into a new tab (I use Firefox), and the news feed items are in a table (I suspect that the js file is created dynamically - no real idea since I do not know much about rss).

However, I did discover that there is a a style class associated with the TD tag in the javascript file. (the js wraps the links in a table).

So what I did was to create a style class of the same name, that then affected the links provided by the rss feed.

Copy the following into a scriptbox, and watch what happens... :)



<style type="text/css">
<!--
.directhitnieuws 
        {
     font-size : x-small;
        }
-->
</style>
<script language="JavaScript" src="http://search-result.com/directhit/xml/World_News.js">
</script>


YahMan

Rasyr, that did the trick! I'm a happy man now! Thanks a lot!

~YM

This website is proudly hosted on Crocweb Cloud Website Hosting.