Custom Landing Page per Category

  • Unknown's avatar
    rjbinney · Member ·

    I would like to have some explanatory info, so when someone clicks on a Category Menu, there is a heading that explains what that category is all about, etc.

    Naturally I’d like it to be different for different categories.

    Using Gazette. I don’t mind playing with the CSS.

    The blog I need help with is: (visible only to logged in users)

  • supernovia · Staff ·

    Hi @rjbinney, you’re in luck.

    Gazette is one of a few themes I’m aware of that supports custom descriptions on category pages. You’ll just need to use the older interface to edit those descriptions.

    After you’ve added some descriptions, you could get fancy and use some CSS like this:

    .category-cats .page-header {
      background: linear-gradient(
      rgba(0, 0, 0, 0.45), 
      rgba(0, 0, 0, 0.45)
    ),url('https://yourgroovysite.files.wordpress.com/2016/09/cat.jpg');
}

.category .page-header {
	background-size: cover;
	background-position: center;
	height: 300px;
	padding: 1em 2em;
	color: white;
}

    The result looks something like this:
    https://cloudup.com/cvzgQll2dAv

    Have fun!

  • supernovia · Staff ·

    Also, I’m going to go ahead and move this to the CSS Customization forum. Cheers :)

  • The topic ‘Custom Landing Page per Category’ is closed to new replies.