I have a phpbb forum (3.2.2) installed as a page within my main site, BallisticTherapy
I want the forum to have the same header and footer as the other pages on my site, and have spent spent the past week trying to import my main site's header and footer into the forum, with no luck. I'm out of ideas and have no idea what I'm doing wrong. So, I'm resorting to the last thing any man wants to do...I'm asking for help. Now, full disclosure, I'm a newb at this type of thing so I've been reading numerous forums, and trying things one step at a time. Here's a handful of posts that I've already read and tried following: [spoiler]viewtopic.php?t=375947,https://www.phpb ... &t=2132942, viewtopic.php?f=74&t=1524985, viewtopic.php?t=1097285, viewtopic.php?f=46&t=2208086, viewtopic.php?f=481&t=2253516, viewtopic.php?f=556&t=2480551, viewtopic.php?f=466&t=2272346[/spoiler]
I built my main site with mobirise. The forum is installed as ballistictherapy.org/showforum.
I'm using the Carbon style, and have done the following:
1. Copied the header and footer HTML from my main site into the top of my style/template/overall(header/footer).html files
Header:
Code: Select all
<link rel="shortcut icon" href="https://ballistictherapy.org/showforum/assets/images/squirrel-crosshairs-128x128.png" type="image/x-icon">
<meta name="description" content="Homepage">
<title>Forum</title>
<link rel="stylesheet" href="assets/web/assets/mobirise-icons-bold/mobirise-icons-bold.css">
<link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css">
<link rel="stylesheet" href="assets/tether/tether.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/socicon/css/styles.css">
<link rel="stylesheet" href="assets/dropdown/css/style.css">
<link rel="stylesheet" href="assets/theme/css/themestyle.css">
<link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
Code: Select all
<section class="cid-qZfwS9LGij" id="footer1-l">
<div class="container">
<div class="media-container-row content text-white">
<div class="col-12 col-md-3">
<div class="media-wrap">
<a href="https://ballistictherapy.org/">
<img src="https://ballistictherapy.org/assets/images/squirrel-crosshairs-300x300.png" alt="Squirrel Crosshairs" title="">
</a>
</div>
</div>
<div class="col-12 col-md-3 mbr-fonts-style display-7">
<h5 class="pb-3">Contact Us</h5>
<p class="mbr-text">[email protected]</p>
</div>
<div class="col-12 col-md-3 mbr-fonts-style display-7">
<h5 class="pb-3"></h5>
<p class="mbr-text"></p>
</div>
<div class="col-12 col-md-3 mbr-fonts-style display-7">
<h5 class="pb-3"></h5>
<p class="mbr-text"></p>
</div>
</div>
</div>
</section>
<script src="public_html/showforum/styles/Carbon/template/assets/web/assets/jquery/jquery.min.js"></script>
<script src="public_html/showforum/styles/Carbon/template/assets/popper/popper.min.js"></script>
<script src="public_html/showforum/styles/Carbon/template/assets/tether/tether.min.js"></script>
<script src="public_html/showforum/styles/Carbon/template/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="public_html/showforum/styles/Carbon/template/assets/touchswipe/jquery.touch-swipe.min.js"></script>
<script src="public_html/showforum/styles/Carbon/template/assets/parallax/jarallax.min.js"></script>
<script src="public_html/showforum/styles/Carbon/template/assets/smoothscroll/smooth-scroll.js"></script>
<script src="public_html/showforum/styles/Carbon/template/assets/dropdown/js/script.min.js"></script>
<script src="public_html/showforum/styles/Carbon/template/assets/theme/js/script.js"></script>
</body>
3. Added references/links to each of the imported CSS files in showforum/theme/stylesheet.css
Code: Select all
@import url("mobirise-icons-bold.css?v=3.2");
@import url("mobirise-icons.css?v=3.2");
@import url("tether.min.css?v=3.2");
@import url("bootstrap.min.css?v=3.2");
@import url("bootstrap-grid.min.css?v=3.2");
@import url("bootstrap-reboot.min.css?v=3.2");
@import url("styles.css?v=3.2");
@import url("style.css?v=3.2");
@import url("themestyle.css?v=3.2");
@import url("mbr-additional.css?v=3.2");
6. Purged cache via ACP
The header doesn't show up at all, but it did mess with the font size of the forum's default header.
The footer DOES have the logo, and text of the main site's footer...but it's not formatted correctly.
I then tried adding my assets folder from the main site to the /showforum directory, in case it was trying to find those files in the forum directory. This had no apparent effect.
The mobirise-generated files for the main page DO have .js files that accompany the .css files, but I don't know if I need to include these in the /showforum directory, or where to put them if I do.
I've tried to be as detailed as I can with what I've done so far. Again, I'm new at this but I've done a ton of reading, and trial & error, but have reached a brick wall. I appreciate any advice or insight anyone might be able to share on how I can move forward!