Topic: Title size

Hi all. In my forum, I have a specific banner made. I have made the title size 0 in the CSS file and this works just fine in IE and Mozilla. But in Safari, the text is still visible, not matter what I do to the size. Any clues. it is not the end of the world but it sort of messes up my look.

Cheers

Richard

2

Re: Title size

display: none;

Re: Title size

Hi, thanks. I am using a variation of Radium. Here is the section in Radium.cs_css where I made the Header Title 0 pxl. So ok in Moziilla and IE as I said.

/* header logo */
.pun H1 
{
/* your logo and position */
background-image: url(http://www.nihontokanjipages.com/forum/img//logo.gif);
background-repeat: no-repeat;
background-position: left; /* you set your logo position here */
display: block;
height: 188px;/* logo height in here add width: 900px if u need*/
}
 
/*header title*/
.pun H1 span
{
/* your font style */
color: #111111;
font-size: 0px; /* title size */
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-transform: none ; /* transform text: uppercase, capitalise */
text-decoration: underline; /* decoration: none, overline */
 
/* position for your text (board title) with the logo */
position: absolute; 
top: 40px; 
left: 90px;

There is also, in Radium.css the following

/* 2.3 Font size for headers */

.pun H2, .pun H4 {FONT-SIZE: 1em}
.pun H3 {FONT-SIZE: 1.1em}
#brdtitle H1 {FONT-SIZE: 0.0em}

By altering the size to 0.0, I have made the code smaller, but not invisible. Where are you suggesting I place the Display: None ?

I tried in the

/* your font style */
color: #111111;
display: none;
font-size: 0px; /* title size */
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-transform: none ; /* transform text: uppercase, capitalis

but to no avail.

Thanks

Richard

4 (edited by MattF 2008-04-10 21:11)

Re: Title size

.pun h1 span {
        display: none;
}

Re: Title size

Thanks Matt, brilliant.

Richard