MyBB Community Forums

Full Version: Text logo
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello everyone,

At the moment I am in the process of customizing the theme of my forum (Customizing the default style), baring in mind I am a complete beginner to theme development I'm going to be posting a lot so you guys are helping me construct a theme from scratch and I'm very grateful.

How do I change the logo from an image to text, I want a text logo instead of an image and maybe a slogan under the logo text, I would also like to colorize different parts of the logo.
In the header template, find

<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>

Replace with:

<a href="{$mybb->settings['bburl']}/index.php">MyLogo</a>

You can then look to style it by creating a class and adding it to global.ss

<a class="logo-text" href="{$mybb->settings['bburl']}/index.php">MyLogo</a>
This only displays a really small link text I want the text to be bigger.
(2016-06-28, 12:35 PM)Dizzygaming Wrote: [ -> ]This only displays a really small link text I want the text to be bigger.

You can use CSS to increase the text size such as:


.logo{
font-size:50px;
}


and then wrap the text in that div class as shown below


<div class="logo">LogoText</div>

Alternatively you could use inline CSS such as


<div style="font-size:50px;">LogoText</div>
Thanks man this helped.