Customizing SMF > Graphics and Templates

Centering the logo within the header.

(1/3) > >>

vet_ca:
I am new to SMF and I firstly want to thank you all for allowing me to join this great community.  I have found a wealth of information here but have come across one issue that has me totally stumped:  I cannot figure out how to center my logo in, what I believe is referred to as the header.



I am using SMF 2.0.2 with the Chemical Theme by "Runic"

When I "inspect the element" by right clicking the logo in firefox 10.0 I see an area (highlighted in blue) where I could surround the code with <div align="center"> </div>.

 

However I cannot find this piece of code in any theme folder/file nor in any SMF folder/file.  The closest I can get is in the Chemical index.template.php file at ~ line 166 where I have added the div codes around the existing code as: 

<div align="center">
            <a href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />', '</a>
</div>

Unfortunately this code addition has done nothing.  I know I'm missing something here but for the life of me cannot figure out what.  Can someone please point me to the correct file to edit (either in the Chemical Theme or in the SMF folders) so that I may center my logo?

Thank you very much in advance.

vet_ca

Images edited.  Hope that's satisfactory.

K@:
Worth trying this?


--- Code: ---<div style = "text-align: center;"> <img src="http://www.forumURL.com/Banner.gif" usemap="#Banner" alt="" style="border-style:none" /></div>
--- End code ---

Works at my place. :)

Can you modify the images, please, mate?

"Warez" is kinda frowned-upon, here, for obvious reasons.

Yoshi:
I think this should be moved to Graphics and Templates. At least that feeling is bugging me :P


--- Quote from: K@ on February 03, 2012, 02:06:50 PM ---Worth trying this?


--- Code: ---<div style = "text-align: center;"> <img src="http://www.forumURL.com/Banner.gif" usemap="#Banner" alt="" style="border-style:none" /></div>
--- End code ---

Works at my place. :)

--- End quote ---
I guess the Search bar will block the image from going too far to the middle.

K@:
I just put it after the body tag, in index.template, IIRC.

vet_ca:
Thank you for the snippet C@.  What file did you add that code to?  index.template.php?

Hahaha, you must have read my mind.  Thanks again C@

Navigation

[0] Message Index

[#] Next page

Go to full version