Hi,
Am I able to customize the font and/or color of the title and the contents inside a Box? If so, how do I go about doing it?
Thanks in advance. Cheerios.
|
|||||
|
|||||
Hi,
Am I able to customize the font and/or color of the title and the contents inside a Box? If so, how do I go about doing it?
Thanks in advance. Cheerios.
Yes, and here's how
The default way to build a Box is this:
files/Box/75/files/theboxesparadise_75.js"></script>
<script type="text/javascript"> tbp_75_getHeader(); </script>
<script type="text/javascript"> tbp_75_getStartTitle(); </script>
Title here
<script type="text/javascript"> tbp_75_getMid(); </script>
Content here
<script type="text/javascript"> tbp_75_getEnd(); </script>
If you wish to have your own css style for Title, you can add wrap your Title with the appropriate html and css codings, for example, like this:
<script type="text/javascript" src="http://theboxes.paradise.sg/sites/theboxes.paradise.sg/
files/Box/75/files/theboxesparadise_75.js"></script>
<script type="text/javascript"> tbp_75_getHeader(); </script>
<script type="text/javascript"> tbp_75_getStartTitle(); </script>
<div style="font-size:24px; font-weight:normal; color:#FF0000;">
Title here
</div>
<script type="text/javascript"> tbp_75_getMid(); </script>
<div class="yourclass" style="text-align: center; font-family:verdana;">
Content here
</div>
<script type="text/javascript"> tbp_75_getEnd(); </script>
A <div> layer is added above to illustrate how the contents can be changed as well. Inline styles are used here, but of course, if you wish to define your css styles in an external style sheet (which is what is usually recommended for best practice), you can give your <div> a class here.
Basically, you do as per normal how you have been marking up your text. Every Box in TBP gives you a default Title and Content style. You can always overwrite it with your own's.