Loading...
 
Skip to main content

Features / Usability


how to remove page title?

posts: 63

It seems like the page titles take up way too much space. I was wondering if there is a way to remove them. If it's really necessary to have, is there a way to make the text size very very small?

thanks,
Perry

posts: 3665 United States

> It seems like the page titles take up way too much space. I was wondering if there is a way to remove them. If it's really necessary to have, is there a way to make the text size very very small?
>

Turn off the Show page title option in the Wiki config. See the docs for details.

HTH,

-Rick


posts: 257 United States

Not sure if you can remove titles but you can reduce their size -and change color and font, etc. I won't get into nitty gritty details but overall, heres what you can do. Two ways:

1) Change your theme. A good portion of a theme is the style sheet (css) which defines colors, fonts and page display parameters for many areas of Tikiwiki. Some themes have smaller titles than others. Go to Admin, click the General icon and right at the top it'll tell you what theme you are using. You can try changing the theme to one that has a smaller font -but I know that is less than satisfying if you like the theme you are using. So,

2) Click Edit CSS and you'll have a choice to try, display or edit. Edit will take you right to the HTML CSS code but click "Display" instead and you'll see a nice page showing you the values/settings/colors of each of the various things that can be changed.

I'm pretty sure it's the H1 section that makes the page titles; luckily it's about the 9th item down the page. Note the value for font height and font weight. If you make the size smaller in pixels and delete the "bold" value for weight (if there is one) than you can accomplish your mission -BUT

You can't do it here, you have to do it in Edit (not Display).

NOTE: You should only edit styles appended by -admin. There are only a few of these. Othwerwise you can edit any CSS but you should go to the file manager at your hosting site find the .css file for that theme and duplicate it and give it a name like stylebackup in case you hose up the real one. I know you should actually use the backup to edit but some themes include other template files and I'm not sure everything will work right if you don't leave the .CSS the same name. (somebody can spank me for this if I've violated Tiki Law.)


I like to open Edit in a new window so I can see and refresh the nice Display page while I'm thrashing about editing the CSS file. Find the H1 area in the Edit screen and change the H1 values above and save. (Yes, the H1 is the same kind of H1 as HTML Header 1)

That should take care of the problem. And looking through the style sheet you've probably already seen how much more trouble you can get into editing .CSS files!

posts: 257 United States

> Not sure if you can remove titles but you can reduce their size -and change color and font, etc. I won't get into nitty gritty details but overall, heres what you can do. Two ways:
>
> 1) Change your theme. A good portion of a theme is the style sheet (css) which defines colors, fonts and page display parameters for many areas of Tikiwiki. Some themes have smaller titles than others. Go to Admin, click the General icon and right at the top it'll tell you what theme you are using. You can try changing the theme to one that has a smaller font -but I know that is less than satisfying if you like the theme you are using. So,
>
> 2) Click Edit CSS and you'll have a choice to try, display or edit. Edit will take you right to the HTML CSS code but click "Display" instead and you'll see a nice page showing you the values/settings/colors of each of the various things that can be changed.
>
> I'm pretty sure it's the H1 section that makes the page titles; luckily it's about the 9th item down the page. Note the value for font height and font weight. If you make the size smaller in pixels and delete the "bold" value for weight (if there is one) than you can accomplish your mission -BUT
>
> You can't do it here, you have to do it in Edit (not Display).
>

>
NOTE: You should only edit styles appended by -admin. There are only a few of these. Othwerwise you can edit any CSS but you should go to the file manager at your hosting site find the .css file for that theme and duplicate it and give it a name like stylebackup so you dont hose up the real one. Then you should Edit the one you just made.

>
> I like to open Edit in a new window so I can see and refresh the nice Display page while I'm thrashing about editing the CSS file. Find the H1 area in the Edit screen and change the H1 values above and save. (Yes, the H1 is the same kind of H1 as HTML Header 1)
>
> That should take care of the problem. And looking through the style sheet you've probably already seen how much more trouble you can get into editing .CSS files!

posts: 4668 Japan

> 2) Click Edit CSS and you'll have a choice to try, display or edit. Edit will take you right to the HTML CSS code but click "Display" instead and you'll see a nice page showing you the values/settings/colors of each of the various things that can be changed.
>
> I'm pretty sure it's the H1 section that makes the page titles; luckily it's about the 9th item down the page.

That's right, although different themes may handle the page title differently. It's best to check the theme's tiki-show_page.tpl template or the final displayed page's source code to see the syntax around the page title directly.


> . . . That should take care of the problem. And looking through the style sheet you've probably already seen how much more trouble you can get into editing .CSS files!

To do anything more than the smallest CSS property change, I think it's a good idea to edit the file locally and ftp it back to the server. Any text editor will do, but there are also good CSS editors (some free) that make the job easier and more relaxed than web editing.

Of course if you keep a pre-changes copy of the CSS file handy, even if things get really messed up, they can be fixed by simply uploading the old file to replace the changed one. Editing at the site the CSS file that's currently being used by the site seems like repairing a plane while in flight, to me, unless Tiki provides some recovery method to roll back changes. (I don't do CSS editing via Tiki admin so am not sure.)

For more information about theme-modifying/changing, visit themes.tikiwiki.org. 😊

-- Gary

posts: 63
Thanks for the help!

posts: 257 United States
Rick -Master of TikiWiki -and brevity!

posts: 4

Rick's suggestion works for Wiki, but I wanted to remove page titles from the Blog, which as far as I could tell had no Show Page Title option.

Rather than shrink the font, I changed it to the background color, rendering the font invisible.

Get the background-color from code near the top of the css file that matches the theme - this example is using the default theme, editing default.css:

/* This div encloses the whole Tiki application */
DIV#tiki-main {
background-color: #EFEFE7;
height: 100%;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
}


Go to the style sheet for the theme, search for " /* Titles */ " and change the color in the second function under it:

a.pagetitle, a.forumspagetitle {
font-weight: bold;
font-size: 26px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #EFEFE7;
}


Cheers!

Adam