MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

Adding a category description to your category pages

By default, your category pages will display the category title and your category posts (depending on the theme)-- yet no summary. If you'd like to add a bit of category description text on each of your category pages, it's quite easy! Please find the instructions for your particular theme below:









REDWOOD

To create your descriptions for each Category, navigate to WordPress Dashboard > Posts > Categories > Click 'Edit' for the category you would like to add a description to. Enter your desired description text into the form titled "Description" and click "Update" when finished.

Next, we'll need to add a bit of simple code to your theme's "category.php" theme file.
You can typically access this via WP Dashboard > Appearance > Editor > "category.php".

On Line 14, you will see this bit of lonely code:

</div>

On the blank line right BELOW this bit of code, copy and paste the following:

<div class="category-description"><p><?php echo category_description(); ?></p></div>

Be sure to save the changes to the file when you're finished.

Lastly, copy and paste the following into Appearance > Customize > Custom CSS:

.category-description {margin-top: 50px; margin-bottom: 70px;}

Be sure to save when you're finished.




ROSEMARY

To create your descriptions for each Category, navigate to WordPress Dashboard > Posts > Categories > Click 'Edit' for the category you would like to add a description to. Enter your desired description text into the form titled "Description" and click "Update" when finished.

Next, we'll need to add a bit of simple code to your theme's "category.php" theme file.
You can typically access this via WP Dashboard > Appearance > Editor > "category.php".

On Line 14, you will see this bit of code:

<div id="main" <?php if(get_theme_mod('sp_sidebar_archive') == true) : ?>class="fullwidth"<?php endif; ?>>

On the blank line right BELOW this bit of code, copy and paste the following:

<div class="category-description"><p><?php echo category_description(); ?></p></div>

Be sure to save the changes to the file when you're finished.

Lastly, copy and paste the following into Appearance > Customize > Custom CSS:

.category-description {margin-top: 50px; margin-bottom: 70px;}

Be sure to save when you're finished.



HEMLOCK

To create your descriptions for each Category, navigate to WordPress Dashboard > Posts > Categories > Click 'Edit' for the category you would like to add a description to. Enter your desired description text into the form titled "Description" and click "Update" when finished.

Next, we'll need to add a bit of simple code to your theme's "category.php" theme file.
You can typically access this via WP Dashboard > Appearance > Editor > "category.php".

On Line 14, you will see this bit of code:

<div id="main">

On the blank line right BELOW this bit of code, copy and paste the following:

<div class="category-description"><p><?php echo category_description(); ?></p></div>

Be sure to save the changes to the file when you're finished.

Lastly, copy and paste the following into Appearance > Customize > Custom CSS:

.category-description {margin-top: 50px; margin-bottom: 70px;}

Be sure to save when you're finished.





FLORENCE

To create your descriptions for each Category, navigate to WordPress Dashboard > Posts > Categories > Click 'Edit' for the category you would like to add a description to. Enter your desired description text into the form titled "Description" and click "Update" when finished.

Next, we'll need to add a bit of simple code to your theme's "category.php" theme file.
You can typically access this via WP Dashboard > Appearance > Editor > "category.php".

On Line 14, you will see this little bit of code:

</div>

On the blank line right BELOW this bit of code, copy and paste the following:

<div class="category-description"><p><?php echo category_description(); ?></p></div>

Be sure to save the changes to the file when you're finished.

Lastly, copy and paste the following into Appearance > Customize > Custom CSS:

.category-description {margin-top: 50px; margin-bottom: 70px;}

Be sure to save when you're finished.




CASSIA

To create your descriptions for each Category, navigate to WordPress Dashboard > Posts > Categories > Click 'Edit' for the category you would like to add a description to. Enter your desired description text into the form titled "Description" and click "Update" when finished.

Next, we'll need to add a bit of simple code to your theme's "archive.php" theme file.
You can typically access this via WP Dashboard > Appearance > Editor > "archive.php".

On Line 31, you will see this little bit of code:

<div id="main">

On the blank line right BELOW this bit of code, copy and paste the following:

<div class="category-description"><p><?php echo category_description(); ?></p></div>

Be sure to save the changes to the file when you're finished.

Lastly, copy and paste the following into Appearance > Cassia Options > Custom CSS:

.category-description {margin-top: 50px; margin-bottom: 70px;}

Be sure to save when you're finished.




HICKORY

To create your descriptions for each Category, navigate to WordPress Dashboard > Posts > Categories > Click 'Edit' for the category you would like to add a description to. Enter your desired description text into the form titled "Description" and click "Update" when finished.

Next, we'll need to add a bit of simple code to your theme's "category.php" theme file.
You can typically access this via WP Dashboard > Appearance > Editor > "category.php".

On Line 4, you will see this little bit of code:

<div class="content sidebar">

On the blank line right BELOW this bit of code, copy and paste the following:

<div class="category-description"><p><?php echo category_description(); ?></p></div>

Be sure to save the changes to the file when you're finished.

Lastly, copy and paste the following into Appearance > Hickory Options > Custom CSS:

.category-description {margin-top: 50px; margin-bottom: 70px;}

Be sure to save when you're finished.




OLEANDER

To create your descriptions for each Category, navigate to WordPress Dashboard > Posts > Categories > Click 'Edit' for the category you would like to add a description to. Enter your desired description text into the form titled "Description" and click "Update" when finished.

Next, we'll need to add a bit of simple code to your theme's "category.php" theme file. 
You can typically access this via WP Dashboard > Appearance > Editor > "category.php".

On Line 10, you will see this bit of lonely code:

</div>

On the blank line right ABOVE this bit of code, you can copy and paste the following:

<div class="category-description"><p><?php echo category_description(); ?></p></div>

Be sure to save changes to the file when finished. 

Lastly, navigate to Appearance > Customize > Custom CSS and copy & paste in the following to style the category description text a bit:

.category-description {margin: 30px 0;}

Be sure to save when you're finished. 



SPROUT & SPOON

To create your descriptions for each Category, navigate to WordPress Dashboard > Posts > Categories > Click 'Edit' for the category you would like to add a description to. Enter your desired description text into the form titled "Description" and click "Update" when finished.

Next, we'll need to add a bit of simple code to your theme's "category.php" theme file. 
You can typically access this via WP Dashboard > Appearance > Editor > "category.php".

On Line 6, you will see this bit of lonely code:

</div>

Create a new, blank line directly ABOVE this bit of code.
On this new, blank line (of what is now Line 6), you can copy and paste the following:

<div class="category-description"><p><?php echo category_description(); ?></p></div>

Be sure to save changes to the file when finished. 

Lastly, navigate to Appearance > Customize > Custom CSS and copy & paste in the following to style the category description text a bit:

.category-description {margin: 30px 0;}

Be sure to save when you're finished. 



LAUREL

To create your descriptions for each Category, navigate to WordPress Dashboard > Posts > Categories > Click 'Edit' for the category you would like to add a description to. Enter your desired description text into the form titled "Description" and click "Update" when finished.

Next, we'll need to add a bit of simple code to your theme's "category.php" theme file.   You can typically access this via WP Dashboard > Appearance > Editor > "category.php".

On Line 10, you will see this bit of code:

<div class="sp-container">

On the blank line directly ABOVE this bit of code, (Line 9), you can copy and paste the following:

<div class="category-description"><p><?php echo category_description(); ?></p></div>

Be sure to save changes to the file when finished. 

Lastly, navigate to Appearance > Customize > Custom CSS and copy & paste in the following to style the category description text a bit:

.category-description {margin-top: 40px; text-align: center;}

Be sure to save when you're finished. 




ALDER

To create your descriptions for each Category, navigate to WordPress Dashboard > Posts > Categories > Click 'Edit' for the category you would like to add a description to. Enter your desired description text into the form titled "Description" and click "Update" when finished.

Next, we'll need to add a bit of simple code to your theme's "category.php" theme file. You can typically access this via WP Dashboard > Appearance > Editor > "category.php".

On Line 19, you will see this bit of code:

<div class="sp-container <?php if(get_theme_mod('alder_sidebar_archive') == true) : ?>isfullwidth<?php endif; ?>"></div>

On the blank line directly BELOW this bit of code, (Line 20), you can copy and paste the following:

<div class="category-description"><p><?php echo category_description(); ?></p></div>

Be sure to save changes to the file when finished. 

Lastly, navigate to Appearance > Customize > Custom CSS and copy & paste in the following to style the category description text a bit:

.category-description {margin-bottom: 60px; text-align: center;}

Be sure to save when you're finished.