| phpBB | 3.1.9 | LOGO in FOOTER |

[JWM10]

Also, I placed the image in this root:

Code: Select all

styles/black/theme/images

[Lumpy Burgertushie]

you have two images in the one div instead of two divs with one image each on the left side of the credit line
and nothing on the right side of the creditline.


robert

then your path should be ./images/yourimage.png

sorry, it should be: <img src="{T_THEME_PATH}/images/yourimage.png"

[JWM10]

I did that on the first try which resulted in (2) ?? on each side of the footer verbiage as in:

?? footer verbiage ??

[JWM10]

I just used slashes for dividers to show where I stored the image.

I am using FTP so it doesn't show you what the coded path actually is.

[Lumpy Burgertushie]

ok, let's start over.
undo everything,
find {CREDIT_LINE}

replace with:

Code: Select all

<div style="float: left;"><a href="http://yourimagelink.com"><img style="width: 100%; height: auto;" src="{T_THEME_PATH}/images/forum_footer_Logo.png"></div><div style="float: left;"><a href="http://yourimagelink.com"><img style="width: 100%; height: auto;" src="{T_THEME_PATH}/images/forum_footer_Logo.png"></div>{CREDIT_LINE}<div style="float: right;"><a href="http://yourimagelink.com"><img style="width: 100%; height: auto;" src="{T_THEME_PATH}/images/forum_footer_Logo.png"></div><div style="float: right;"><a href="http://yourimagelink.com"><img style="width: 100%; height: auto;" src="{T_THEME_PATH}/images/forum_footer_Logo.png"></div>

[Lumpy Burgertushie]

well, I just tested and that does not make it responsive.

so, like I said, you will need to do some more research to figure out that part of it.


sorry,
robert

[JWM10]

I just did this and got the logo to appear finally after messing around in there:

Code: Select all

		<!-- EVENT overall_footer_content_after -->
	</div>

<!-- EVENT overall_footer_page_body_after -->

<!-- IF $WRAP_FOOTER == 0 -->
	<!-- INCLUDE navbar_footer.html -->
</div>
<!-- ENDIF -->

<div id="page-footer" class="page-width" role="contentinfo">
	<!-- IF $WRAP_FOOTER == 1 -->
		<!-- INCLUDE navbar_footer.html -->
	<!-- ENDIF -->

	<div class="copyright">
		{CREDIT_LINE}
		<br />Owned & Operated By: <a href="http://www.place holder.com/">place holder.com</a>
		<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
		<!-- EVENT overall_footer_copyright_append -->
		<!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
		<!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
	</div>
<dt style="width:100%;float: left;"><a href="http://http://www.place holder.com"><img src="{T_THEME_PATH}/images/forum_footer_Logo.png"></dt>

	<div id="darkenwrapper" data-ajax-error-title="{L_AJAX_ERROR_TITLE}" data-ajax-error-text="{L_AJAX_ERROR_TEXT}" data-ajax-error-text-abort="{L_AJAX_ERROR_TEXT_ABORT}" data-ajax-error-text-timeout="{L_AJAX_ERROR_TEXT_TIMEOUT}" data-ajax-error-text-parsererror="{L_AJAX_ERROR_TEXT_PARSERERROR}">
		<div id="darken">&nbsp;</div>
	</div>

	<div id="phpbb_alert" class="phpbb_alert" data-l-err="{L_ERROR}" data-l-timeout-processing-req="{L_TIMEOUT_PROCESSING_REQ}">
		<a href="#" class="alert_close"></a>
		<h3 class="alert_title">&nbsp;</h3><p class="alert_text"></p>
	</div>
	<div id="phpbb_confirm" class="phpbb_alert">
		<a href="#" class="alert_close"></a>
		<div class="alert_text"></div>
	</div>
</div>

<!-- IF $WRAP_FOOTER == 1 -->
</div>
<!-- ENDIF -->

<div>
	<a id="bottom" class="anchor" accesskey="z"></a>
	<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>

<script type="text/javascript" src="{T_JQUERY_LINK}"></script>
<!-- IF S_ALLOW_CDN --><script type="text/javascript">window.jQuery || document.write('\x3Cscript src="{T_ASSETS_PATH}/javascript/jquery.min.js?assets_version={T_ASSETS_VERSION}">\x3C/script>');</script><!-- ENDIF -->
<script type="text/javascript" src="{T_ASSETS_PATH}/javascript/core.js?assets_version={T_ASSETS_VERSION}"></script>
<!-- INCLUDEJS forum_fn.js -->
<!-- INCLUDEJS ajax.js -->

<!-- EVENT overall_footer_after -->

<!-- IF S_PLUPLOAD --><!-- INCLUDE plupload.html --><!-- ENDIF -->
{$SCRIPTS}

<!-- EVENT overall_footer_body_after -->

</div>
</body>
</html>

The problem now is the size is too big. I would like it to the left of the verbiage but underneath is fine for now i suppose..

Any thoughts?

Edit:

Solved the size problem but its not padded correctly for sure mobile wise.

[JWM10]

OKAY so after much trial and error. SOLVED

If you want to place a logo in your footer on ANY style underneath your footer verbiage and centered in phpBB 3.1.X:

Have logo on your desktop.

Open FTP and connect to server.

Go to this root file:

Code: Select all

/styles/THE THEME YOU'RE RUNNING/theme/images/

Place logo image into that root file.

Next use a text editor OR if your host C-Panel allows text editing (BlueHost does) find:

Code: Select all

overall_footer.html

using this path:

Code: Select all

public_html/YOUR SITE NAME/forums/styles/THE THEME YOU'RE RUNNING/template/overall_footer.html

Open

Code: Select all

overall_footer.html

NOTE: Depending on the theme you're running in phpBB3 your footer may look different than others posted online and mine BUT they almost all have certain code that is the same across the board.

Find this:

Code: Select all

<div class="copyright">
{CREDIT_LINE}

Beneath all of the footer verbiage BUT before the last

Code: Select all

</div>

Insert this:

Code: Select all

<dt style="width:100%;float: center;"><a href="http://www.YOUR_SPONSORS_SITE.com"target="_blank"><img src="{T_THEME_PATH}/images/THE_IMAGE_YOU_INSERTED_USING_FTP.png"></dt>

Example:

Code: Select all

<div class="copyright">
		{CREDIT_LINE}
		<br />Owned & Operated By: <a href="http://www.YOUR_SITE.com/">YOUR_SITE.com</a>
		<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
		<!-- EVENT overall_footer_copyright_append -->
		<!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
		<!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
                <dt style="width:100%;float: center;"><a href="http://www.YOUR_SPONSORS_SITE.com"target="_blank"><img src="{T_THEME_PATH}/images/THE_IMAGE_YOU_INSERTED_USING_FTP.png"></dt>
	</div>

Note: If you notice

Code: Select all

target="_blank"

within my

Code: Select all

<a href=

this will allow that logos internal link to open a new tab OR window when a user clicks it, that way users are not leaving your site when clicking your affiliates logo OR sponsors logo.

You could also use this method for placing your site logo there as well, it doesn't have to be a sponsors logo thats just what I needed.

If you wish to do that then here:

Code: Select all

<dt style="width:100%;float: center;"><a href="http://www.YOUR_SITE.com"<img src="{T_THEME_PATH}/images/THE_IMAGE_YOU_INSERTED_USING_FTP.png"></dt>

Noticed I removed

Code: Select all

target="_blank"

this way it will take your users back to your homepage OR whatever page you enter in the

Code: Select all

<a href=

DONT FORGET TO LOG INTO YOUR ACP AND PURGE THE CACHE

Note: I recommend "Purging the Cache" EACH time you make a big change in the file and previewing it, yes, it sucks to do but it's worth it in the end and you can see in real time what you're adjusting.

I hope this helps someone because as mentioned earlier I searched for 2 days looking for THIS solution. With the help of Lumpy I at least knew where to begin! Thanks Lumpy for giving me a jump start. You are right it just takes a little trial and error.

[OdedK]

Hi guys, sorry to write here but I have been reading and reading all around the forum truing to edit my footer...and of course still can not do. Isn't it by any chance a step by step file or example on how to do this? Again, I have checked all around the forum, even youtube but there are so many version and possibilities that it's hard to find what you need. So again, is there "official" step by step for this issue? I am using the latest version available from this forum and using Absolution style. I would really appreciate any help, thank you!!

[Lumpy Burgertushie]

it is the same procedure mentioned above and in many other posts about how to do it;

you use ftp. you download the overall_footer.html file for whatever style you are using.

you open it in a text editor only.

you then make whatever changes you wish.

you save the file and upload it back where you got it on the server with your ftp.

you then go to your admin panel and on the main page you click on the purge cache button.

then you look at the site and refresh the browser.

done.

if you tell us exactly what you want to change and give us a link to your board we can help you with specifics.


robert