Category Title on Page

  • servingsass · Member ·

    Hi!

    I’m going to be creating a bunch of different categories as drop downs, to organize everything nicely onto pages. I’d like to remove the word “Category” from the top of the page and center the name of the actual category. In this instance it is currently showing “Category: Breakfast” at the top left of the page but I just want to be able to see the word “Breakfast” at the top center of the page.

    Love the theme!

    Thanks,
    Bettina

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

  • nudgedesign · Theme Author ·

    Hello Bettina,

    You can add the following CSS to your Additional CSS menu under Design > Customize. Make sure to put it after anything that is already there:

    .category-title {
   font-size: 0;
}

.category-title span {
    font-size: 1.75rem;
    margin-bottom: 1em;
    text-align: left;
    display: block;
}

    Hope that helps!

    Sonia

  • servingsass · Member ·

    Hi Sonia,

    That worked great, and I was able to switch the text align to center and make the font size larger by making adjustments to your CSS.

    Last question, how can I add an underline to the category title?

    Thanks,
    Bettina

  • nudgedesign · Theme Author ·

    Hi again!

    You can add the following CSS to show underlined text. 

    .category-title {
  text-decoration: underline;
}

    Cheers!

    Sonia

  • servingsass · Member ·

    Thank you, Sonia!

  • The topic ‘Category Title on Page’ is closed to new replies.