Skip to:
Content
Pages
Categories
Search
Top
Bottom

multi image header


  • ani_cho
    Member

    @ani_cho

    13 years, 4 months ago

    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)

  • para
    Member

    @para

    13 years, 4 months ago

    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?


    ani_cho
    Member

    @ani_cho

    13 years, 4 months ago

    hi para

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


    para
    Member

    @para

    13 years, 4 months ago

    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 );`


    para
    Member

    @para

    13 years, 4 months ago

    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


    ani_cho
    Member

    @ani_cho

    13 years, 4 months ago

    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.

Topic Info

Topic Tags

Skip to toolbar