Skip to:
Content
Pages
Categories
Search
Top
Bottom

multi image header

  • Hi Experts

    This is the first time I am using buddypress and dont have much knowledge about it. I have a multiimage header with a left banner and right banner. Just below these two banners are host of links which are again divided into two set of links- left and right. obviously the left link set comes under left banner and right link set under right banner. Following the css that works perfectly on other sites. But I dont know how to integrate that in buddypress.

    
    <div id="clf2_header">
    <a href="http://mywebsite.com" class="banner_left_0" id="clf2h_left">Name of Site</a>
    <div class="banner_right_0" id="clf2h_right"></div>
    <!--- -->
    <div id="top_nav">
    <div id="links-left">
    <a id="mywebsite" href="http://www.mywebsite.com/">mywebsite.com</a>
    
    <a href="http://www.link1.mywebsite.com/">link1</a> |
    <a href="http://www.link2.mywebsite.com/">link2</a> |
    <a href="http://www.link3.mywebsite.com/">link3</a>
    
    </div>
    
    <ul id="links-right">
    <li>
    <a href="http://www.mywebsite.com/link 4">mywebsite Online</a>
    
    </li>
    <li> | </li>
    <li>
    <a href="http://www.mywebsite.com/dir/?z">link 5</a></li></ul>
    </li>
    <li> | </li>
    
    </ul>
    </div>
    <!--- -->
    </div>

    Any help in this regard is highly appreciated.

    Anita

Viewing 5 replies - 1 through 5 (of 5 total)
  • In which file are you putting this code? this is html not css, do you have the corresponding css code in your default.css file?

    hi para

    thanks. Now my question is how do i put this code in the header and where do i put my css files?

    First off id suggest making a child theme, more info here https://codex.buddypress.org/theme-development/building-a-buddypress-child-theme/

    You can put the html code in the header.php found in your theme folder, im not sure where you want it placed exactly so you will have to trail and error untill you find the right position.

    The corresponding css code should be put in the _inc/css/deafult.css file, OR you could make a new separate css file and include this in your main css file like so

    `@import url( _inc/css/your_new_file.css );`

    that code above is messed, buddypress forum keeps messing with my code?? not sure why? if you open the style.css in your theme directory you will see the code to import css files, but id suggest just add to the new code to your _inc/css/deafult.css file

    thanks guys. would try out your suggestions and let you know how it went. wish me luck.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘multi image header’ is closed to new replies.
Skip to toolbar