Docs

[breepear]

Is there a way I can add description text below the Category Archive page title?

[breepear]

This reply has been marked as private.

[Prasant Rai]

Hi There,

Thanks for writing in!

You can simply assign an Archive Title and Sub-title under Post -> Categories > EDIT Category > Archive Title & Archive Subtitle,

Hope this helps,

Have a great day.

[breepear]

That option doesn’t exist in the Ethos theme and when I enter a description in the box nothing shows up.

[Rad]

Hi there,

Not all stack have the same feature, in ethos, the archive title and description are the only available one. You may change the archive title.

And if you’re integrity, that’s where sub-title is available.

Thanks!

[breepear]

Is there any way to add in that description section below the title in ethos?

[Darshana]

Hi there,

Before doing any customizations, you will need to setup a Child Theme first. This allows you to keep your own custom changes separately while updating the main X theme.

Follow the steps below.

#1. Copy the file: x/framework/views/ethos/_landmark-header.php it into your child theme: x-child/framework/views/ethos/_landmark-header.php

#2. Open the the file and locate the following section (near line 65)

     <header class="x-header-landmark x-container max width">
        <h1 class="h-landmark"><span><?php echo $title; ?></span></h1>
      </header>

#3. Edit the above section as follows:

     
<header class="x-header-landmark x-container max width">
  <h1 class="h-landmark"><span><?php echo $title; ?></span></h1>
  <p class="p-landmark-desc"> <?php echo category_description(); ?> </p>
</header>

4) Finally you can style the p-landmark-desc class by adding the CSS rules into your child theme’s style.css file or via Customizer, Custom > CSS section using the menu Appearance -> Customize.

.p-landmark-desc {
    font-size: 14px;
    color: #336699;
}

After setting up your child theme make sure to check our Customization Best Practices Guide.

Hope that helps.

[breepear]

Thank you so much for you help, that did work, but I have a few other questions.

I set up the child theme and was able to edit the header.php file, but when I added the custom CSS rules and tried to change the font size it didn’t work.

Is there also a way to contain that header text within the same frame as the posts below so that the widget bar still remains at the top on the right (see screenshot attached).

[Lely]

Hi There,

Please also add this line on your child theme functions.php :
remove_filter('term_description','wpautop');

By default, the result of this category_description(); function is autop. So it goes outside the paragraph tag we have set.

Then also update this comment from your child theme style.css file:

// Blog header style
*/

To this:

// Blog header style

// Means single line comment
/* This is multiple line comments
  Comment line 2
*/

Hope this helps.

[breepear]

It’s still not allowing me to update the text size or color in the style.css

This is what I have:

// Blog header style */

.p-landmark-desc {
font-size: 40px;
color: #425161;
}

[Darshana]

Hi there,

Please provide us with a link to a sample category description that you have added, so that we can check your issue and assist you with a possible workaround.

Thanks!

[Author]

Posts