SID-00316: Change a single heading style in a single topic
| Status: |
Answered |
TWiki version: |
4.2.0 |
Perl version: |
Perl 5.8.8 |
| Category: |
CategorySkin |
Server OS: |
Ubuntu 7.10 |
Last update: |
16 years ago |
I want to do some very minor style custimization. I would like to start very small and try making this style change in a single topic. I've read PatternSkin, PatternSkinCss, and PatternSkinCssCookbook topics but I'm still a little confused.
To start, I want to change the appearance of heading three (h3). I've done the following:
- Created my own css file called abc.css.
- I've attached this to my topic.
- In my topic I have added
* Set USERSTYLEURL = %ATTACHURL%/abc.css
Below is what is contained in my abc.css file.
<style type="text/css">
h3 { font-size:129%; font-weight:bold; text-indent:1cm; background-color:rgb(0,0,255) }
</style>
I've never written a css file before so I I'm not sure if I have the syntax correct. Can I change the style of heading three in this manner? I am not seeing any results. Thank you for your help!
--
MichaelCarter - 2009-05-14
Discussion and Answer
All you were missing is that you don't use
<style> tags in an external style sheet, only an internal one (inside the HTML).
So here's how it's looks (view raw and the attachment for details):
Look at me, I'm an H3!
It is with great restraint that I withhold comment on your choice of colors
--
SeanCMorgan - 2009-05-14
Thanks Sean for the quick answer! Are you suggesting this isn't the greatest work of art you have ever seen? I am offended! Nah, you are right. It looks like garbage. I'll change this.
Another critical point I finally picked up on. Those three little spaces in front of
* Set USERSTYLEURL = %ATTACHURL%/abc.css
are of critical importance.
Thanks again! Our TWiki installation has been extremely helpful for our team.
--
MichaelCarter - 2009-05-14
If you answer a question - or someone answered one of your questions - please remember to edit the page and set the status to answered. The status selector is below the edit box.