Support » Themes and Templates » White gap between top picture and blog

  • Resolved foreverpetcare


    I am trying to figure out what the css is to remove the large white gap between the top picture and the words on the page.

    I tried:
    header#cc-header {
    margin-bottom: 10px !important;
    however that only changes the padding around the Logo above the picture. I would like to remove the gap below the picture, please help.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Could you please post a link to the site? The fact that the change is not taking effect might be due to various reasons, e.g., wrong selectors, other elements interfering, etc. Without access to the page, it’s difficult to understand what’s happening.

    I had included a link… I will try it again.

    Below the “front-page-image” there are a group of boxes could that be the issue? I have not used any boxes on the site.

    Thanks for the link. It seems like the space is already taken by a div with a class of .boxes containing 3 boxes each with a height of 80px. However, the divs are not visible on the page because no text or image has been added to the markup. If you add some text to each box, or delete the div with class .boxes and all its contents, or eliminate the height of each div, you should see some improvements.

    I can’t find where to edit those boxes… I didn’t create any and they are not listed in the Widget area.

    If they are not in the widgets area, you need to locate the template file and delete the markup altogether. It looks like you’re using a static home page. Try with front-page.php or the template file you’re using as home page. Open it in the editor and you might find the markup for the boxes.

    Found the boxes… I can’t figure out how to remove them so I will try to fill them… lol

    Thank you very much for your help!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘White gap between top picture and blog’ is closed to new replies.