Remove/Hide “Title” from landing page

Hi @ninadovetail,

Looking at your site I think you’re wanting to remove this title, correct?

Link to image: https://cld.wthms.co/ELwC5p

If so, you’d want to add the following to your Additional CSS section in the customizer. This will remove that page title just from your home page.

.home h1.woocommerce-products-header__title.page-title {
    display: none;
}

Link to image: https://cld.wthms.co/DW2zTV

• This reply was modified 7 years ago by Ryan Ray.
• This reply was modified 7 years ago by Ryan Ray.
• This reply was modified 7 years ago by Ryan Ray.

Hi @ninadovetail,

I see in your other thread you’d asked about the footer and horizontal line. Just noting I’ve seen that and will answer here. 🙂

https://wordpress.org/support/topic/horizontal-line-between-categories/

In that thread you said you figured out the horizontal line, so let’s tackle removing the footer copyright text. Simple enough with CSS you can add the following to hide it.

.site-info a {
    display: none;
}
 

If you have a custom child theme, or another plugin / any way to add PHP snippets to your site the more “correct” way would be to remove the action that adds that in the first place rather than simply hide it with CSS.

add_action( 'init', 'custom_remove_footer_credit', 10 );

function custom_remove_footer_credit () {
    remove_action( 'storefront_footer', 'storefront_credit', 20 );
} 

Hi @ninadovetail,

So sorry, it had a minor typo in it. Try this to hide the copyright.

.site-info {
    display: none;
}

For the category sections, to confirm for me again, you want a horizontal line between each row? Something like this?

Link to image: https://cld.wthms.co/cb1F5D

Hi @ninadovetail,

Ok got it, glad I understand now. In this case I think I would look at using the new editor and create a new home page. It currently looks like that http://store.dovetaillearning.org is both the home page and the default shop page setup in WooCommerce. It also looks like it is set to just show your categories.

I would create a new home page and use blocks there to rebuild it. That lets you easily enter a paragraph block like you have now in your shop page, then you can add a heading block, a category block, then a separator block. It could look something like this…

Link to image: https://cld.wthms.co/ulnUB6

On the backend this is what I’ve done. I’ve added paragraph blocks, then the heading block and centered it. Then comes the shortcode block to enter your categories of choice. I used the following format.

[product_categories ids="16,17,18,19" columns="4"]

It is getting the specific categories by their ID number, which you can find by going to WooCommerce > Categories and then hover over any category. I think in most browsers you’ll see this URL preview somewhere. But if not you can just edit the category and in your address bar you’ll find the ID.

Link to image: https://cld.wthms.co/JK0lI7

&

Link to image: https://cld.wthms.co/4ZWHe3

FINALLY, I follow that all up with the separator block.Hopefully that helps, makes sense, and is one option you can use. 🙂

• This reply was modified 7 years ago by Ryan Ray.
• This reply was modified 7 years ago by Ryan Ray.