• Hi,

    I want to remove the text “Category Archive” from my category page but keep the category description in the header – “Office Yog”
    https://bhartiyoga.com/category/office-yoga/

    The following CCS code removes the entire header line
    .archive h1.page-title span { display:none; }

    How can I display the description?

    Thanks
    regards
    Bharti

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi Bharti,

    You can try adding the following code to your Admin Panel > Appearance > Customize > Additional CSS field:

    .archive.category-office-yoga span {
      font-size: 0;
    }
    
    .archive.category-office-yoga span:before {
      content: "Office Yoga";
      font-size: 30px;
    }

    Thanks!

    Thread Starter bhartigo

    (@bhartigo)

    Hi Emran!

    Thanks for the response!

    While this code updates the header properly, there seem to be something weird happening all over the page with “Office Yoga” getting repeating in several locations (see screenshot below)
    https://bhartiyoga.com/wp-content/uploads/2017/12/Screen-Shot-2017-12-15-at-8.33.10-PM.png

    Seems like all the headers on the page are getting replaced by “Office Yoga” text.

    regards
    Bharti

    Hi Bharti,

    You can replace the previous code with this:

    .archive.category-office-yoga #intro span {
      font-size: 0;
    }
    
    .archive.category-office-yoga #intro span:before {
      content: "Office Yoga";
      font-size: 30px;
    }

    Thanks!

    Thread Starter bhartigo

    (@bhartigo)

    Hi Emran!

    Thank you so much! It worked like a charm!

    Warm regards
    Bharti

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Remove Category Archive but keep description’ is closed to new replies.