Alternating post background colors - How-to and Troubleshooting - wpForo 2.0

RE: Alternating post background colors

jw0068 — Sat, 02 Mar 2024 12:57:28 +0000

@tutrix absolutely fantastic...and I was way off in my attempts :-)

Thank you so much!

RE: Alternating post background colors

Tutrix — Sat, 02 Mar 2024 09:00:21 +0000

@jw0068

#wpforo #wpforo-wrap .wpfl-1 .post-wrap.wpfp-first .wpforo-post .wpf-left,
#wpforo #wpforo-wrap .wpfl-1 .post-wrap .wpforo-post .wpf-left{background: #ffffff !important;}
#wpforo #wpforo-wrap .wpfl-1 .post-wrap.wpfp-first .wpforo-post,
#wpforo #wpforo-wrap .wpfl-1 .post-wrap:nth-of-type(2n) .wpforo-post{background: #f5f5f5 !important;}
#wpforo #wpforo-wrap .wpfl-1 .post-wrap.wpfp-first .wpforo-post .wpf-left,
#wpforo #wpforo-wrap .wpfl-1 .post-wrap:nth-of-type(2n) .wpforo-post .wpf-left{background: #f5f5f5 !important;}

RE: Alternating post background colors

jw0068 — Sat, 02 Mar 2024 00:06:51 +0000

I tried myself, but couldn't figure it out...is there a way to tweak the CSS so that the left area (profile info) for each post matches the background of the post?

The code you provided has it so that white background posts have gray sidebars, and vice versa. Can it be so that they match? Gray with a gray post, white with a white?

Thanks again!

RE: Alternating post background colors

jw0068 — Fri, 01 Mar 2024 23:51:48 +0000

@tutrix this worked perfectly. Thank you so much!!

RE: Alternating post background colors

Tutrix — Fri, 01 Mar 2024 22:07:16 +0000

Hi @jw0068

you can format this with CSS
for example

#wpforo #wpforo-wrap .wpfl-1 .post-wrap.wpfp-first .wpforo-post,
#wpforo #wpforo-wrap .wpfl-1 .post-wrap:nth-of-type(2n) .wpforo-post{background: #f5f5f5 !important;}
#wpforo #wpforo-wrap .wpfl-1 .post-wrap.wpfp-first .wpforo-post .wpf-left,
#wpforo #wpforo-wrap .wpfl-1 .post-wrap:nth-of-type(2n) .wpforo-post .wpf-left{background: #ffffff !important;}

add it to custom css
Dashboard > wpForo > Settings > Colors & Styles > Custom CSS

Alternating post background colors

jw0068 — Fri, 01 Mar 2024 20:56:57 +0000

Hi, I'd like to provide some contrast between posts within a thread. I am using the extended layout, and every post within a thread currently has a white background. Is it possible to make it so that the background color of every other post is a different color to provide a bit of contrast?

TIA!