Remove categorie archives subtitle + Adjust the product boxes + change the product title

[Caitlinvdv]

Hi there,

I managed to remove the categorie archives title but I can’t figure out how to remove the subtitle.

1. I would like to remove the categorie archives subtitle.

2. Also I would like to adjust the size of the product boxes to the align the boxes to be even, even if the title is shorter or longer.

3. i would like to change the product titles in the boxes to Font: Lato

Hope this is possible. Thanks in advance.

kind regards,

Caitlin

[tristup]

Hi Caitlin,

Thanks for reaching out.
Please find the answer to your question below:

1. To change the product category subtitle, please go to Product > Categories and edit the category you prefer to edit and change its archive subtitle. Please find the screenshot describing the options.

2. To make the Product boxes equal in height, you may need to add the custom JavaScript code to Theme Options > JS.

    jQuery(document).ready(function($){	
        var max=0;
        jQuery(".tax-product_cat .products li .entry-wrap .entry-header").each(function(index, el) {
            console.log( jQuery(el).height() );
        
            if( jQuery(el).height() > max ){
                max = jQuery(el).height();
            }
        });
        jQuery(".tax-product_cat .products li .entry-wrap .entry-header").css('height', max);
    });
   

3. To make the Product title font Lato, you need to add the following code into the Theme Options > CSS

    .woocommerce li.product .entry-header h3
    {
        font-family: lato;
    }
   

Remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

[Caitlinvdv]

Hi!

Thanks for your quick reply. Unfortunately 2 & 3 didn’t work…

For 1, I don’t want to change the subtitle, I want it gone. I removed the Title with:

.archive .h-landmark {
display: none !important;
}}

This worked. But i’m still left with the subtitle. As I use many product categories in my navigation bar, I cannot go and change the title for every single categorie. I just want I to be gone

[nabeel]

Hey Caitlin,

1. The correct way to remove the subtitle is through Dashboard > Posts > Categories because sooner or later custom CSS always creates issues, you can simply edit your categories and add a space in the subtitle field to remove the default subtitle. However if you’d like to remove it globally, you can make use of the following code:

.archive.category .p-landmark-sub {
    display: none;
}

2. As you see this requires custom coding which is regretfully outside the scope of support we can offer, the code provided above serves as a guide only which may or may not work as intended. For in depth changes, you may wish to consult with a developer.

3. You might not be using Lato font in the theme, you can assign it to the Body to use it in the theme via Theme Options > Typography > Body Font:

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Hope this helps!

[Caitlinvdv]

Hi Nabeel,

thank you for your reply. None of the above worked for my website. This one I tried before,[quote=“nabeel, post:4, topic:80330”]

.archive.category .p-landmark-sub {
    display: none;
}

[/quote]
it works for the title but not for the subtitle. I wanted to remove the subtile the correct way but if I leave it blank the default subtitle pops up anyway.

I figured the best thing to do here was switch back to ICON so that kinda fixed most of my “problems”.

Just a tiny question, is here a way to remove the stock numbers behind the product titles in the product thumbnails (marked pink in the image)? I know that here was a way, but I can’t seem to find it anywhere.

Kind regards,

Caitlin

[tristup]

Hi Caitlin,

The Shop page is showing the categories and the number beside that is the no.of products under those specific categories. I would suggest you select Show Products from Appearance > Customize > WooCommerce > Product Catalog > Shop Page Display, this will show the products instead of the categories and will remove the number.
Please find the screenshot describing the settings.

Hope it helps.
Thanks

[Caitlinvdv]

Hi Tristup,

Thank you for your reply. What you say, makes totally sense and I tried it. But no succes, the product number count stays in place unfortunately.

Is there any other way to remove the product count numbers behind the product categorie titles?

[Caitlinvdv]

Fixed it with

.woocommerce .product-category .count {
display: none;
}

[prakash_s]

Hello Caitlin,

Glad that you were able to fix your issue by yourself.

Have a great day!
Thanks