J1.5

J1.5:Customising the Beez template/footer

From Joomla! Documentation

HTML Reference

<!-- index.php line 123-133 -->

<div id="footer">
    <p class="syndicate">
        <jdoc:include type="modules" name="syndicate" />
    </p>

    <p>
        <?php echo JText::_('Powered by');?> <a href="http://www.joomla.org/">Joomla!</a>
    </p>

    <div class="wrap"></div>
</div><!-- footer -->

Replace the "powered by" text

JText::_('Powered by');

Search the language file en-GB.ini for "POWERED BY=Powered by" and edit it:

/* #### en.GB.ini line 253 #### */

POWERED BY=Your text here!

CSS Reference

#footer

The following classes and ids will influence the whole div in the footer. Please notice the ordering. Every CSS attribute will be overwritten by the class above.

Main Class

/* #### layout.css line 1329-1335 #### */

#footer {
    background:#93246F;
    color:#fff;
    padding:5px;
    text-align:right;
    border-top:solid 4px #ccc;
}

layout.css

Secondary Classes

/* ##### position.css line 15-19 #### */

*
{
    margin: 0;
    padding: 0;
}
Further information: position.css/*
Storage location: position.css

.syndicate

Further information: Customising the Beez template/footer/syndicate

p

The following classes and ids will influence the p tag. Please notice the ordering. Every CSS attribute will be overwritten by the class above.

Main Class

/* ##### layout.css line 65-68 #### */

p {
    line-height:1.4em;
    margin:5px 0;
}
Further information: layout.css/p
Storage location: layout.css

Secondary Classes

/* ##### position.css line 15-19 #### */

*
{
    margin: 0;
    padding: 0;
}
Further information: position.css/*
Storage location: position.css

.wrap

The following classes and ids will influence an unused(?) div in the footer. Please notice the ordering. Every CSS attribute will be overwritten by the class above.

Main Class

/* #### layout.css line 1329-1335 #### */

.wrap
{
    border: 0;
    clear: both;
    float: none;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

position.css

Secondary Classes

/* ##### position.css line 15-19 #### */

*
{
    margin: 0;
    padding: 0;
}
Further information: position.css/*
Storage location: position.css