logo
Ask your WordPress questions! Pay money and get answers fast! (more info)

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

$5
Help with Theme

Hi,

Here's the site I'm working on: http://rockwellhouse.co/wordpress/

I would like the main content to disappear at the black line that stretches across the top of the page when you scroll down the page.

Please help!

This question has been answered.

Steven Ellis | 09/28/10 at 5:29am Edit


(5) Possible Answers Submitted...

See a chronological view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

  • avatar
    Last edited:
    09/28/10
    5:34am
    Rashad Aliyev says:

    Hello,

    Change your logo for making it.


    http://rockwellhouse.co/wordpress/wp-content/themes/paintbox/images/logo.png

    • 09/28/10 5:36am

      Rashad Aliyev says:

      You can edit it via any photo editor. I cropped it for you.

      Attached Image

    • 09/28/10 5:37am

      Steven Ellis says:

      I dont know understand sorry! How do i need to change the logo image?

    • 09/28/10 5:58am

      Rashad Aliyev says:

      Sorry for misunderstanding.

      Add this code to your header.php


      find your <div id="head" class="sideslide"> codes and change as below.

      that will worked.

      best regards,



      
<div id="head" class="sideslide"> 
      
<div style="position:fixed; z-index:100; background:#ffffff; margin-top:-20px; padding-top:20px">	<a href="http://rockwellhouse.co/wordpress/index.php">
      
	<img src="logo.png" class="transparent" alt="Paintbox" /></a> </div>
      
</div>

  • avatar
    Last edited:
    09/28/10
    5:36am
    Utkarsh Kukreti says:

    Try this css

    div#head { top:0; z-index:500; padding-top:20px; background:white; }

  • avatar
    Last edited:
    10/05/10
    5:57am
    Ivaylo Draganov says:

    It could be done with some CSS tweaking. Go to line 18 of your style.css and change the rules for div#head:


    
#head {
    
    background-color:#FFFFFF;
    
    left:-100px;
    
    padding-top:20px;
    
    position:fixed;
    
    top:0;
    
    z-index:999;
    
}


    * I also changed div#head to simply #head as that is an ID and there is no need to use the tag too(it is recommended for better performance too).

    • 09/28/10 5:57am

      Steven Ellis says:

      ooooh! nearly did it! I'll tell you what! this HAS helped. As I can change the logo! Cheers!

  • avatar
    Last edited:
    09/28/10
    6:03am
    Pascal sundhar says:

    Try this

    #head {

    background:#fff;
    padding-top:20px;
    position:fixed;
    top:0px;
    z-index:1000px;
    }

    Previous versions of this answer: 09/28/10 at 6:03am

  • avatar
    Last edited:
    09/30/10
    12:37pm
    Jarret Minkler says:

    This is really a horrible design from a user perspective ...

This question has expired.





Current status of this question: Completed



Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.