Premium Joomla Templates
Logo: text + image
Hi,
I like logo text with the Glegoo font very much, but I wonder if it would be possible to put a small logo image (58x58 px) on the left of it.
In the Template Manager: Edit Style > Logo Type I have to choose between Text Logo and Image Logo. But I’d need both of them.
Thanks
I like logo text with the Glegoo font very much, but I wonder if it would be possible to put a small logo image (58x58 px) on the left of it.
In the Template Manager: Edit Style > Logo Type I have to choose between Text Logo and Image Logo. But I’d need both of them.
Thanks
The discussion has been resolved.
2 responses Add Yours
-
This is an interesting request. Although it cannot do this directly with the template, it can be achieved using a number of ways if you do need both an image and text option - however both approaches require some level of manual work:
1. Create an image logo based on your font and image:
You could create your entire logo as one image using the Glegoo font and your small logo image in an image editing application (gimp / paint / photoshop etc) and the use the Image logo option within the template settings.
2. Modify the template source code to allow both image and text:
You could modify the source of the template to allow both image and text logo option. You can do this by modifying the index.php file as shown below:
1. Locate the following snippet of code in the index.php file:
<h1 id="<? php echo $tr_LogoType; ?>" class="grid_12 alpha"> <!-- logo --> <a href="/<? php echo $this->baseurl ?>" title="<? php echo $sitename; ?>"> <? php if ($tr_LogoType=="imagelogo") { ?> <img src="/<? php echo $tr_LogoImage; ?>" alt="<? php echo $sitename; ?>" /> <? php } elseif ($tr_LogoType=="textlogo") { ?> <? php echo $tr_LogoText; ?> <? php } ?> </a> </h1>
2. Modify it by commenting out the lines as shown below:
<h1 id="<? php echo $tr_LogoType; ?>" class="grid_12 alpha"> <!-- logo --> <a href="/<? php echo $this->baseurl ?>" title="<? php echo $sitename; ?>"> <? php // if ($tr_LogoType=="imagelogo") { ?> <img src="/<? php echo $tr_LogoImage; ?>" alt="<? php echo $sitename; ?>" /> <? php // } elseif ($tr_LogoType=="textlogo") { ?> <? php echo $tr_LogoText; ?> <? php // } ?> </a> </h1>
You can then add both an image and text logo from the joomla parameters in the backend.
You should only do this if you understand how to modify template code. -
Alternatively, another (perhaps the easiest) option of all would be to set your logo as text logo and then include an image within the css. Simply add the snippet of css below to the CSS Overrides section of the template options (see attached image):
#textlogo { text-indent: 60px; background: url(../url-to-image.jpg) no-repeat; }
You will need to specify the correct path where your image is located and may need to indent the text more or less depending on your image.
ThemeRepublic.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.