Archived topic
Show posts/blog categories
4 replies · Started by Bob on February 18, 2021
Hello,
I'm using the GP Peak theme for my artist's website. I am using by blogroll to separate "songs" from "lyrics". I am using WP Show Posts Pro to "show" separate grids of the "songs" and "lyrics." The songs work great. Just like I want. But the lyrics neither show up as I'd like in the "show posts" panel or the blog roll when I segment by category (i.e. "lyrics"). The issue is that, in order to replicate the more organic feel of a music sheet, in each "lyric blog post" I used a container which I color coded gray and included a background image. It looks really nice when viewed individually by post. However, the "background color and image" do not appear when I list the lyrics using both "show posts" and "the standard blog category" list. I've tried everything: in the customizer, WPShowPost settings, and the blog post itself.
Here's the individual lyric pages: all look the same - https://bobbyangel.org/dream-revisited/
Here's the front page: https://bobbyangel.org/ -- You'll see the WPShowPost lyrics at the bottom.
Here's how it looks when I list by category -- https://bobbyangel.org/category/lyrics/ - you can see only the top sheet contains the color coding and background image. The others have a blank background.
Do you have any recommendations?
Thank you very much!
Bob
Hi Bob,
I'm not sure I fully understand what you are trying to achieve here, do you want each post under Lyric category shown with grey background and the background image like this one?
https://www.screencast.com/t/nzKVCr8SQ1
If so, give this CSS a try:
.archive.category-lyrics .post .gb-container {
background-color: rgba(171, 184, 195, 0.57);
background-image: url(https://bobbyangel.org/wp-content/uploads/2018/08/Banner1-1.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}Let me know :)
Hi Ying, and yes, that's exactly what I'm trying to do. I've never added CSS. Am going up to look how to add it at the tutorial at the top and then I'll be back in touch. Thank you, Bob
It worked! Thank you Ying. Still not sure why I needed to do that, with the CSS, i.e. and why the background gray and watermark didn't show up for every post? Thank you so much for your speedy help, Bob
You are welcome :)
