Header space too long

• 

  elizabethlandry · Member · Aug 3, 2015 at 1:45 pm

  • Copy link
  • Add topic to favorites

  Hello,
  I had the custom CSS on my wordpress website. When i see it on my computer i notice a large space between the Research tool bar and the Header main picture.
  what do i need to rewrite so the space is not there anymore?

  Here’S all the CSS in my web site, no idea what it all mean. THanks a lot to help me make the adjustment.:)
  Elizabeth

  #secondary p,#secondary a {
  font-size: .8em;
  }

  .home-widget-title {
  text-align: center;
  }

  #site-logo {
  margin-left: 45% !important;
  }

  .home-widget img {
  background: none !important;
  border: 1px solid black !important;
  }

  .widget {
  border: none !important;
  }

  .widget {
  margin: 0 !important;
  }

  /* SCALE */
  article img {
  background-color: transparent;
  }

  article img, .home-widget img {
  padding: 10px 0;
  }

  div.sharedaddy h3.sd-title {
  font-size: 20px;
  font-weight: normal;
  }

  #site-navigation {
  background-color: #CA0647;
  }

  #site-navigation li a {
  text-shadow: 0 0 0 #000;
  }

  @media only screen and (min-width: 769px) {
  .c8 {
  width: 75%;
  }

  .c4 {
  width: 25%;
  }

  #footer .c4 {
  width: 50%;
  }
  }

  input.search-field {
  box-shadow: none;
  outline: 0;
  }

  .entry-meta {
  margin-top: 7px;
  }

  #site-navigation li a:not(:last-child):after {
  margin: 0 0 0 10px;
  }

  #site-navigation li a {
  padding: 11px 15px;
  }

  #pagination .total-pages, #pagination .page-numbers, #post-pagination a, #post-pagination .current-post-page {
  background: white;
  padding: 8px 16px;
  border: 2px solid black !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #CA0647;
  border: 2px solid #CA0647 !important;
  color: white;
  }

  #pagination a.page-numbers {
  color: #fff;
  }

  #pagination .page-numbers.current, #pagination .page-numbers:hover, #post-pagination a:hover, #post-pagination .current-post-page {
  color: #fff;
  }

  #pagination .page-numbers.current, #pagination .page-numbers:hover {
  background: #CA0647;
  }

  #footer {
  border-top: 0 solid #000;
  background: #CA0647;
  text-shadow: 0 0 0 #000;
  color: #7B7B7B;
  font-size: 80%;
  }

  #menu-social ul li a:before {
  background: #fff;
  color: #666;
  }

  #menu-social ul li a:hover:before {
  background: #fff;
  color: #666;
  box-shadow: inset 0 0 1px #666, 0 0 1px #666;
  }

  .line.active, .footer-widget .widget-title {
  border-bottom: 1px solid #f2f1f1;
  -moz-box-shadow: 0 0 0 #555;
  -webkit-box-shadow: 0 0 0 #555;
  box-shadow: 0 0 0 #555;
  }

  #menu-social ul li a:before {
  margin: 0 3px;
  box-shadow: inset 0 0 0 #222, 0 0 0 #555;
  }

  .more-link, #posts-pagination a, .form-submit input[type=”submit”], .comment-reply-link, .pushbutton-wide {
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  }

  .tags a {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  }

  #footer a {
  color: #fff;
  }

  #footer a:hover {
  text-decoration: underline;
  }

  .copyright {
  color: #fff;
  }

  #footer {
  height: auto;
  }

  .footer-widget {
  margin: 43px 0 0;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Aug 4, 2015 at 7:17 am

  • Copy link

  Hi there, I’m seeing a large white space above your header image, but it is being caused by the FB likebox and search widget you have in the header widget area. Generally I would suggest only a single widget in that area, and one that does not have a long vertical height.

  If I am misunderstanding, please let me know.

• 

  elizabethlandry · Member · Aug 4, 2015 at 2:37 pm

  • Copy link

  Great thanks. i made the ajustement. :)

• 

  thesacredpath · Member · Aug 4, 2015 at 8:58 pm

  • Copy link

  You are welcome.