Harmonic Theme – Title on Front Page Image Line & Spacing for Each Page

How do I remove the title from the middle of the front page image?

.home .header-title {
  display: none;
}

Don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

also, why is there is much spacing and that thick grey line on each page? Can I remove or thin dramatically?

https://www.tikiarchitect.com/tour/

I’m not seeing a thick grey line – a screenshot would be helpful to help in troubleshooting.

Here’s a guide on how to make a screenshot:
https://en.support.wordpress.com/make-a-screenshot/

You can upload the screenshot – in a graphic format like JPG, PNG, or PDF – in your Media Library, and provide a link so I can see it, or upload it with a service like Imgur or Snaggy.

What browser and version are you seeing a thick grey line?

Where on the page specifically do you want to reduce the amount of space?

thanks. the thick grey line is above the image. also, you can see the huge amount of empty space between the top navigation and the grey line. this is the same on every regular page…

this is visible on Safari

a screenshot just muddies the issue…

please take another look at any page, but the home page.

many thanks

Looks like you’ve made some changes to the theme’s CSS, including this:

header.entry-header {
    visibility: hidden;
}

That hides the header, but it does not remove the space taken up by the header. Try this instead:

header.entry-header {
    display: none;
}

display: none both hides the header and also removes the space taken up by an element, so your image will move up.

Also just a heads-up that if you edited the theme files directly, please be very careful, as your changes will be overwritten every time the theme is updated to the latest version.

Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

Using the custom CSS plugin method, you won’t lose your CSS customizations every time you update the theme – they’ll be protected. Note that you don’t need to copy the entire stylesheet into your new CSS editor, just place your CSS overrides there.

Let me know if you have any questions about this!