Hide Category Description on category pages

  • Resolved Eric Hepperle

    (@codeslayer2010)


    6 years, 6 months ago

    How can I hide the category description on category pages? I have a category (“Designs”) that I’m using in my main menu and I’ve used CSS to extensively customize the Shop Isle child theme I created. I need the descriptions and don’t want to delete them. I just want a CSS rule to hide them on category pages in the theme.

    I’ve already attempted several CSS specificity level (even including !important) to no avail. Here are the rules I tried:

    div.main section.page-header-module h1.module-title > p {
    display: none !important;
}

section.page-header-module.module.bg-dark div.container div.row div.col-sm-6.col-sm-offset-3p p {
	display: none !important;
}

body.category section.page-header-module div.col-sm-6.col-sm-offset-3p p {
	display: none;
}

   .term-description-wrap {
           display: none;
       }

    The last one was from a post I read on the wordpress forum here.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello codeslayer2010,

    Try below css code. 

    .page-header-module .row .col-sm-6 p {
  display: none;
}

    Hope this will helps you.

    Thanks.

    Thread Starter Eric Hepperle

    (@codeslayer2010)

    Thanks @addweb-solution-pvt-ltd – that worked! But why? What exactly was I doing wrong?

    I think I see what I was doing wrong: The col-sm-offset-3p class was the culprit. Basically, my third try above was correct, but that extra class made it not work.

    So, using your answer as inspiration I found this solution works also:

    body.category section.page-header-module .row div.col-sm-6 p {
	display: none;
}

    I would choose your solution over mine however for purposes of simplicity and lowest necessary level of specificity.

    Thanks again for your help!

    • This reply was modified 6 years, 6 months ago by Eric Hepperle. Reason: Final notes and indication of resolution

    Doesn’t work on Hueman theme.
    I need to hide Category description boxes on all category pages.
    Any help?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hide Category Description on category pages’ is closed to new replies.