Remove title box from homepage

Hi @chriswalshart,

I’m glad you like Sela!

If you’re not planning to add content to that area of the theme, then you can remove it altogether with the following custom CSS:

.front-page-content-area .hero {
    display: none;
}

As a note: You should not edit your theme’s style.css directly as any changes made there will be lost when it comes time to update your theme.

Instead, either set up a child theme or activate a custom CSS plugin in order to add your custom CSS. If you have Jetpack active then you can enable its custom CSS module.

Let me know if that helps out or if you have any further questions.

Hi Siobhan, I do like Sela- a lot, it means a lot to me to have a website again! I’m currently using a child theme which took some doing;) Your advice is perfect that’s done the job thank you, I don’t intend to add any content to that area but lets say you wanted to pad that area out a little bit (leave a little more space between the menu bar and the widgets), is there CSS I could use for that?

Good to hear that CSS worked! To add a little padding to the top of your testimonials, use the following snippet:

@media screen and (min-width: 1180px) {
.front-widget-area, .front-testimonials {
    padding-top: 4em;
}
}

You can increase/decrease the value of padding-top to your liking. Please note that increments/decrements of 0.1 are enough to have an effect e.g. 4.1em, 4.2em, etc.

Hope that’s helpful!

Hi thank you for the info that’s very helpful, sorry for the delay!

You’re most welcome! I’m glad I could help out.