Hi
What would be the best way to place a custom text using a custom font over the header image as shown in the picture below?
http://prntscr.com/l3s588
(2018-10-08, 11:21 PM)Mattaffix Wrote: [ -> ]Hi
What would be the best way to place a custom text using a custom font over the header image as shown in the picture below?
http://prntscr.com/l3s588
You could try something like this:
In global.css:
#logo {
padding: 10px 0;
border-bottom: 1px solid #263c30;
font-family: 'Bungee', cursive;
}
#logo a {
font-size: 45px;
color: #0066A2;
}
#logo a:hover {
color: #0F0F0F;
text-decoration: none;
}
#logo a i {
float: left;
color: #0F0F0F;
font-size: 45px;
padding-top: -7px;
margin-right: 10px;
transition: all 0.4s ease 0s;
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
#logo a:hover i {
color: #0066A2;
}
#logo-text {
margin-bottom: -45px;
}
.i-comments:before {
content: "\f086";
}
In headerinclude:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">
<link href="https://fonts.googleapis.com/css?family=Bungee" rel="stylesheet">
In header:
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">{$quicksearch}
<div id="logo-text"> <a href="{$mybb->settings['bburl']}/index.php"><i class="i-comments"></i>MyBB</a>
</div>
</div>
Or if that does not suit your needs, you could read over here for a rather slightly different possibility:
https://community.mybb.com/thread-163110...pid1256077