I found a free theme that I enjoyed, the theme is called Focus by WallBB.
If you go to
www.referralindexforum.com, you can see I have the theme enabled. However, I'm really struggling to figure out how I can remove the lightning bolt and name of the forum, and just replace it with an image logo. I have tried a couple of different tutorials, and I've somehow been able to place the logo at the top, but it's far right of where it should be.
Can anyone help?
Thanks in advance.
Admin CP --> Templates & Style --> Templates --> Focus Templates --> Header Templates --> header
Inside the header template look for:
<div class="logo">
<a href="https://www.referralindexforum.com/index.php"><svg class="svg-inline--fa fa-bolt fa-w-10" style="color: #fcb941;" aria-hidden="true" data-prefix="fas" data-icon="bolt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M295.973 160H180.572L215.19 30.184C219.25 14.956 207.756 0 192 0H56C43.971 0 33.8 8.905 32.211 20.828l-31.996 240C-1.704 275.217 9.504 288 24.004 288h118.701L96.646 482.466C93.05 497.649 104.659 512 119.992 512c8.35 0 16.376-4.374 20.778-11.978l175.973-303.997c9.244-15.967-2.288-36.025-20.77-36.025z"></path></svg><!-- <i class="fas fa-bolt" style="color: #fcb941;"></i> --> Referral Index Forum</a></div>
This should be in your header template, if it is not you're in the wrong template set.
[
attachment=45197]
What you're looking to alter will be in the logo div.
<div class="logo">the stuff will be here</div>
Please paste the contents of your header template here and I will look to see if I can find it.
Outputs might be different since I am seeing the external, you are seeing the internal.
But inside what you've showed me in the screenshot is what you will alter.
Example:
<div class="logo">
<a href="{$mybb->settings['bburl']/index.php"><img src="LOGO IMG URL HERE" /></a>
</div>
(2022-06-10, 07:28 PM)Taylor M Wrote: [ -> ]Outputs might be different since I am seeing the external, you are seeing the internal.
But inside what you've showed me in the screenshot is what you will alter.
Example:
<div class="logo">
<a href="{$mybb->settings['bburl']/index.php"><img src="LOGO IMG URL HERE" /></a>
</div>
When I do this, this takes the entire website offline. I had to revert the code back to default to bring the website back online.
Okay, now I have successfully added the logo. However, it's appearing in the middle of the screen and doesn't show the register or login options on the right side. Is there a way to move the logo to the far left and allow the register and login section to appear again on the right side?