Footer Code

Started by Skhilled, May 10, 2019, 12:56 pm

Previous topic - Next topic

Skhilled

May 10, 2019, 12:56 pm Last Edit: May 11, 2019, 12:40 pm by Skhilled
In index.css, find this:

/* Set maximum width limit for content */
#top_section .inner_wrap, #wrapper, #header, #footer .inner_wrap {
max-width: 1200px;
margin: 0 auto;
}

Replace with:

/* Set maximum width limit for content */
#top_section .inner_wrap, #header, #footer .inner_wrap {
max-width: 1200px;
margin: 0 auto;
}
#wrapper {
max-width: 1200px;
margin: 0 auto 25px auto;
}

Find:
/* Footer is now full-width by default. */
/* The footer with copyright links etc. */
#footer {
margin: 4em 0 0 0;
padding: 10px 5%;
background: #3e5a78;
border-top: 3px solid #b2b6bd;
flex: none;
}

Replace with:
* Footer is now full-width by default. */
/* The footer with copyright links etc. */
#footer {
margin: -15px 0 0 0;
padding: 15px 0 5px;
height: 90px;
background: #fff;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
flex: none;
width: auto;
align-self: center;
        color: #000 /* text color black or change to whatever you wish */
}

In index.template.php, find this:
/**
 * The stuff shown immediately below the main content, including the footer
 */
function template_body_below()
{
global $context, $txt, $scripturl, $modSettings;

echo '
</div><!-- #main_content_section -->
</div><!-- #content_section -->
</div><!-- #wrapper -->
</div><!-- #footerfix -->';

// Show the footer with copyright, terms and help links.
echo '
<div id="footer">
<div class="inner_wrap">';

// There is now a global "Go to top" link at the right.
echo '
<ul>
<li class="floatright"><a href="', $scripturl, '?action=help">', $txt['help'], '</a> ', (!empty($modSettings['requireAgreement'])) ? '| <a href="' . $scripturl . '?action=help;sa=rules">' . $txt['terms_and_rules'] . '</a>' : '', ' | <a href="#top_section">', $txt['go_up'], ' &#9650;</a></li>
<li class="copyright">', theme_copyright(), '</li>
</ul>';

// Show the load time?
if ($context['show_load_time'])
echo '
<p>', sprintf($txt['page_created_full'], $context['load_time'], $context['load_queries']), '</p>';

echo '
</div>
</div><!-- #footer -->';

}

Replace with:
/**
 * The stuff shown immediately below the main content, including the footer
 */
function template_body_below()
{
global $context, $txt, $scripturl, $modSettings;

echo '
</div><!-- #main_content_section -->
</div><!-- #content_section -->';

// Show the footer with copyright, terms and help links.
echo '
<div id="footer">
<div class="centertext">';

// There is now a global "Go to top" link at the right.
echo '
<ul>
<li><a href="', $scripturl, '?action=help">', $txt['help'], '</a> ', (!empty($modSettings['requireAgreement'])) ? '| <a href="' . $scripturl . '?action=help;sa=rules">' . $txt['terms_and_rules'] . '</a>' : '', ' | <a href="#top_section">', $txt['go_up'], ' &#9650;</a></li>
<li class="copyright">', theme_copyright(), '</li>
<li><B>Footer</b> by <a href="http://www.jpr62.com/theme/" target="_blank" class="new_win" title=""><span><b>Crip</a></b>, Modified by Skhilled</span></li>
</ul>';

// Show the load time?
if ($context['show_load_time'])
echo '
<p>', sprintf($txt['page_created_full'], $context['load_time'], $context['load_queries']), '</p>';

echo '
</div>
      </div><!-- #footer -->

</div><!-- #wrapper -->
</div><!-- #footerfix -->';
}

Skhilled

I forgot to mention to add: color: #000; to the 2nd set of code or whatever color you wish or your footer text may appear to have vanished. Code updated.