WordPress.org

Ready to get started?Download WordPress

Forums

Using Mantra headers for phpBB (3 posts)

  1. djbon2112
    Member
    Posted 1 year ago #

    This is more a question about Mantra specifically. I'm trying to grab the theme header for my phpBB forum to skin it, however this doesn't seem to be working. Grabbing the content from skins/mantra/header.php and adding it to my overall_header.html file in phpBB doesn't do anything. And by anything, I mean the divs are there in view source, but none of the content is loading. I'm thinking I'm missing a critical line from the header.php but I don't know which one.

    I copied:

    <?php cryout_body_hook(); ?>
    
    <div id="wrapper" class="hfeed">
    
    <?php cryout_wrapper_hook(); ?>
    
    <header id="header">
    
    		<div id="masthead"> 
    
    			<div id="branding" role="banner" > 
    
    				<?php cryout_branding_hook();?>
    				<div style="clear:both;"></div>
    
    			</div><!-- #branding --> 
    
    			<nav id="access" role="navigation">
    
    				<?php cryout_access_hook();?>
    
    			</nav><!-- #access -->
    
    		</div><!-- #masthead -->
    
    	<div style="clear:both;"> </div>
    
    </header><!-- #header -->

    and manualy added the CSS link

    <link rel='stylesheet' id='mantras-css'  href='/wp-content/themes/mantra/style.css?ver=3.4.2' type='text/css' media='all' />

    However this CSS also messes up all the forum CSS.

    Edit: Forgot to mention, the forum is at /forum relative to WordPress (at /).

    Any advice from anyone here?

  2. lowerpower
    Member
    Posted 1 year ago #

    Interesting question. Have some header problems too, due to fitting them in my customized header. Can't get the style sheets, which are causing problems. If I'll find a way, i post it. What about overriding styles through fitted tags in the header.php?

  3. lowerpower
    Member
    Posted 1 year ago #

    Through out our discussion and with help from fire bug I found right at once following code in the header(!) from the header.php:

    <style type="text/css">
    #wrapper, #access, #colophon, #branding, #main { width:1320px ;}
    #access .menu-header, div.menu {width:1308px ;}
    #content { width:730px;float:right;margin:0px 290px 0 -1270px;display:block;}
    #primary {width:260px;float:left;padding-left:0px;border:none;border-right:1px dashed #EEE;padding-right:20px;}
    #secondary {width:260px;float:right;}
    #primary .widget-title { -moz-border-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0;border-radius:0 10px 0 0 ; text-align:right;padding-right:15px;width:100%;margin-left:-8px;} #content p, #content ul, #content ol {
    font-size:14px;
    }
    #branding { background-position:50% 0 !important;} #access ul li { background-color:#FECC00} #primary { background-color:} #secondary { background-color:} * , .widget-title {font-family:Segoe UI, Arial, sans-serif ; } #content h1.entry-title a, #content h2.entry-title a, #content h1.entry-title , #content h2.entry-title {font-family:Georgia, Times New Roman, Times, serif ; } .widget-area * {font-family:Helvetica, sans-serif ; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {font-family:Georgia, Times New Roman, Times, serif ; } .nocomments, .nocomments2 {display:none;} body { background-color:#cd1013 !important ;} #header { background-color:transparent ;} #footer { background-color:transparent ;} #footer2 { background-color:transparent ;} #site-title span a { color:#0D85CC ;} #site-description { color:#999999 ;} #content p, #content ul, #content ol { color:#333333 ;} .widget-area a:link, .widget-area a:visited, a:link, a:visited ,#searchform #s:hover , #container #s:hover, #access a:hover, #wp-calendar tbody td a , #site-info a ,#site-copyright a, #access li:hover > a, #access ul ul :hover > a { color:#fff;} a:hover, .entry-meta a:hover, .entry-utility a:hover , .widget-area a:hover { color:#bbb ;} #content .entry-title a, #content .entry-title, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6{ color:#444444 ;} #content .entry-title a:hover { color:#000000 ;} .widget-title,#footer-widget-area .widget-title { background-color:#444444 ;} .widget-title { color:#2EA5FD ;} #footer-widget-area .widget-title { color:#0C85CD ; ;} #footer-widget-area a { color:#666666 ;} #footer-widget-area a:hover { color:#888888 ;} .entry-meta .entry-time {display:none;} #branding {background:url("http://xyz.com/wp-content/uploads/2012/12/foto_750x500.png") no-repeat;
    width:880px; height:559px;}
    </style>

    installed with header_hook. Where I found that? .. forward searching follows one result in costum-styles.php(main css style from my theme = mantra): #branding { background-position:50% 0 !important;}

    to whome it may concern

Topic Closed

This topic has been closed to new replies.

About this Topic