How to customize the logo

You can follow these 3 easy steps to customize the logo.

1. You can create a new "Custom HTML" module type from Module Manager in joomla back-end.

Add the below html code in "Custom output" field.

<div class="bt_fade_logo bt_fade_img"><a href="/index.php"></a></div>

Then, you have to publish the module at "logo" position.

2. Upload your logo in the folder: "/templates/bt_temlate_name/images/SKIN_NAME/joomla/" with name "logo.png".

3. Finally, open the file: "/templates/bt_temlate_name/css/joomla.css" or "/templates/bt_temlate_name/css/template.css", go to the line ~11-55 and edit the dimensions (width & height) of sprite* logo.

/* -------- Logo -------- */
div.bt_fade_logo.bt_fade_img {
   background-position: left top;
   background-repeat: no-repeat;
   width: 316px;
   height: 65px;
   position: relative;

div.bt_fade_logo.bt_fade_img a {
   background-position: left bottom;
   background-repeat: no-repeat;
   position: absolute;
   top: 0px;
   right: 0px;
   bottom: 0px;
   left: 0px;

* What is a "sprite" image?

How to change the column widths
bonusthemes logo

Copyright © 2007-2019 Bonus Themes. All rights reserved. is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.