Home › Forums › WoodMart support forum › How to hide Product Category Title?

How to hide Product Category Title?

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 23, 2024 at 7:46 pm #559986

    ha21cn
    Participant

    If I want to hide the Product Category Title on the mobile phone, but display the Product Category Title on the computer, how do I set this, and how do I set the font of the Product Category Title?

    April 24, 2024 at 1:05 pm #560233

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Can you please share some screenshots for better understanding where you want to hide the text and share the page url so i will check and give you a possible solution.

    Best Regards.

    April 27, 2024 at 7:16 pm #561340

    ha21cn
    Participant

    I have submitted two screenshots. The red circle refers to the Element to be set, and the red arrow refers to the product category title that needs to be displayed and hidden. I would like the product categories here to be set up to show 3 columns.

    Attachments:
    You must be logged in to view attached files.
    April 29, 2024 at 10:18 am #561565

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    .category-grid-item .hover-mask {
    display: none;
}

    For the category columns, Edit Product Categories Widget and in the style tab configure the columns:
    https://ibb.co/6XHX5qF

    Best Regards.

    August 4, 2024 at 6:59 pm #587865

    ha21cn
    Participant

    But now there is a problem, if I follow your settings it will result in the whole site’s category Title being hidden, but I just want to set the hide in certain pages or certain rows of Element, not the whole site.
    For example, I just want to set this Product Categories Element in this row on this page, without affecting the Title display of other Product Categories Element on this page.

    Attachments:
    You must be logged in to view attached files.
    August 6, 2024 at 10:48 am #588366

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Can you please share the page URL and the site WP admin login details so I will check and give you the possible solution.

    Best Regards.

    August 10, 2024 at 11:16 pm #589485

    ha21cn
    Participant

    I’ve provided the information you need below.

    August 12, 2024 at 2:57 pm #589693

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Your issue has been solved. I have added the custom CSS code in the page custom CSS section: https://ibb.co/PWDbjhB

    Now the custom CSS only works on this page.

    Best Regards.

    August 14, 2024 at 10:18 pm #590163

    ha21cn
    Participant

    But according to your settings, the result is that the Categories Title on the entire homepage is gone. The effect I want to achieve is not to affect the original display effect of the Categories Title in the Menu. That is, the Categories Title in the Menu can be displayed, but the Product Categories Title in the Product Categories Element is not displayed.

    Attachments:
    You must be logged in to view attached files.
    August 15, 2024 at 12:43 pm #590312

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please check it now after removing the browser cache. I have updated the custom CSS code in the homepage.

    Best Regards.

    September 1, 2024 at 10:51 pm #594274

    ha21cn
    Participant

    Could you please write the code here? It will be convenient for me to check later. Entering this code at the same time will only set the homepage and will not affect other pages?

    September 2, 2024 at 2:20 pm #594491

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I have solved this issue by doing 2 steps:

    1st I have added the extra class for the Prodcut categories widget: https://postimg.cc/8Jc8jCF7

    Then the 2nd step I added the below custom CSS code in the homepage:

    .homecategory .category-grid-item .hover-mask {
    display: none;
}

    Here is the screenshot where I have added the custom CSS: https://postimg.cc/XXwMqtqc

    Best Regards.

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)