[For 1.8] Square theme

[eNvy]

Of course your logo doesn't show because you never call the logo inside the <div> xD.

Something like this:

<div class="logo"><img src="path to your own image" /></div>

Example: <img src="images/square/logo.png" /></div>

Greetings!

[FunkyOverLord]

Where do I find the code to edit the logo, and how do I remove it and put my own in? Is there a way to access to file in the ACP?

[amanda_2011]

Where do I find the code to edit the logo, and how do I remove it and put my own in? Is there a way to access to file in the ACP?

I just did this by applying and modifying information I found on eNvy's own forum XStyled. This is how I did it:

In Template header:

<div class="logo"><div class="logo2"><i class="fa fa-cube fa-fw"></i></div> {$lang->xstyled_logo}</div>


was changed to:


<div class="logo"><div class="logo2"><img src="images/square/myownlogo.extension"></i></div> {$lang->xstyled_logo}</div>


Insert the name of your custom image and the extension of the file it is located in where it says myownlogo.extension (for example: logo.png)

eNvy, my logo is still flipping around like your cube was. How do I keep my logo from moving around?

ETA: I'm using the fourth version of Square. The original code for this was somewhat different in the third version.

[FunkyOverLord]

Thanks! But where can I edit the code?

[amanda_2011]

Thanks! But where can I edit the code?

In the ACP go to "Templates & Style", then click "Templates", then click "Square Templates". Now all the templates for Square will show up. Now click "Header Templates" and then all the header templates will show up. Now go to the template under Header Templates called "header" and click "Options: Full Edit".

[eNvy]

Where do I find the code to edit the logo, and how do I remove it and put my own in? Is there a way to access to file in the ACP?

I just did this by applying and modifying information I found on eNvy's own forum XStyled. This is how I did it:

In Template header:

<div class="logo"><div class="logo2"><i class="fa fa-cube fa-fw"></i></div> {$lang->xstyled_logo}</div>


was changed to:


<div class="logo"><div class="logo2"><img src="images/square/myownlogo.extension"></i></div> {$lang->xstyled_logo}</div>


Insert the name of your custom image and the extension of the file it is located in where it says myownlogo.extension (for example: logo.png)

eNvy, my logo is still flipping around like your cube was. How do I keep my logo from moving around?

ETA: I'm using the fourth version of Square. The original code for this was somewhat different in the third version.

That's because you have this:

<div class="logo"><div class="logo2"><i class="fa fa-cube fa-fw"></i></div> {$lang->xstyled_logo}</div>

And this needs to be like this:

<div class="logo"><img src="images/square/myownlogo.extension"></div>

[amanda_2011]

eNvy, my logo is still flipping around like your cube was. How do I keep my logo from moving around?

That's because you have this:

<div class="logo"><div class="logo2"><i class="fa fa-cube fa-fw"></i></div> {$lang->xstyled_logo}</div>

And this needs to be like this:

<div class="logo"><img src="images/square/myownlogo.extension"></div>

I'm not following you now. This is what I have:

<div class="logo"><div class="logo2"><img src="images/square/myownlogo.extension"></i></div> {$lang->xstyled_logo}</div>


In inc/languages/english/vars_envy.lang.php I have inserted my forum name:  $l['xstyled_logo'] = "myforumname";

So I want both a logo and the forum name in the header. I have that now with the above code, but the logo spins. How do I make it stand still without removing my forum name?

[eNvy]

Ok now it's different

Goes in this way:

<div class="logo"><img src="images/square/myownlogo.extension"> {$lang->xstyled_logo}</div>

=)

[amanda_2011]

Thanks. Also, how to make clicking the logo take you to your index page?

[eNvy]

Thanks. Also, how to make clicking the logo take you to your index page?

<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="images/square/myownlogo.extension"> {$lang->xstyled_logo}</a></div>