Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Newsroom site library theme

  • jamyeanna
    May 6, 2024 at 1:55 pm

    Hi! I’ve chosen Newsroom as my Site from the site library and I like the different colors of the category tags when you look at the post grid on the home page (and all the category pages).

    Rather than adding new categories I just started to rename the existing default categories (I figured that was easier than relinking menu items and elements to the category pages and such)

    However, as soon as I change the name of the category, the colored category tag on the grid goes away and it’s just text. I didn’t touch any design yet or elements, so I can’t figure out what’s going wrong.

    Thanks!

  • Leo
    May 6, 2024 at 4:50 pm

    Hi there,

    You would need to edit the CSS snippet below in Customizer > Additional CSS:

    body:not(.single):not(.blog):not(.search-results) .post-term-item {
	border-radius: 3px;
}
body:not(.single) .post-term-item.term-business {
	background-color: var(--business);
}
body:not(.single) .post-term-item.term-community {
	background-color: var(--community);
}
body:not(.single) .post-term-item.term-education {
	background-color: var(--education);
}
body:not(.single) .post-term-item.term-entertainment {
	background-color: var(--entertainment);
}
body:not(.single) .post-term-item.term-lifestyle {
	background-color: var(--lifestyle);
}
body:not(.single) .post-term-item.term-technology {
	background-color: var(--technology);
}
body:not(.single) .post-term-item.term-travel {
	background-color: var(--travel);
}

    For example, if you edited the business category to be food, then this line:

    body:not(.single) .post-term-item.term-business {
	background-color: var(--business);
}

    It would become this:

    body:not(.single) .post-term-item.term-food {
	background-color: var(--business);
}

    The background-color: var(--business); doesn’t need to be edited unless you edit the name in the global color section as well: https://www.screencast.com/t/VwdrrZndRNU

    Let me know if this helps 🙂

  • jamyeanna
    May 7, 2024 at 9:37 pm

    Hi! That works great, thank you!

  • Leo
    May 8, 2024 at 9:15 am

    No problem 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.