Trying to get Post and Page appearance to match

[mugwumpr]

I’m trying to get both Posts and Pages to have a white background over an image site background. I can fix it globally for either Posts or Pages, but not both.

If I set the content BG to white, it works for Pages, but there’s a double white background on Posts.

Example of double white background: https://staging.canadapottery.ca/.

If I set the content BG to transparent, it works for Posts, but there’s no background whatsoever on Pages, making it nearly impossible to read.

Without per-page styling: https://staging.canadapottery.ca/canadian-pottery-manufacturers/bc-ceramics-herta/.

I can add the white background per-page with “#content{background:white;}”, but it’s a pain to have to do it for every single Page forever more.

With per-page styling: https://staging.canadapottery.ca/canadian-pottery-manufacturers/bc-ceramics/.

There has to be an easier way to do it at a higher level than per-page. What am I missing?

Also, I have a shadow border around the content that doesn’t disappear when the background is transparent. It doesn’t look horrible, but it’s annoying me that I can’t get it to go away.

You can see the phantom border of the transparent content background here: https://staging.canadapottery.ca/2021/06/01/1448-2.

Thank you!

[scrambler]

Keep the setting for both page and post, then add the rule below to the theme Global Custom CSS rule box to remove it on page with posts

.page-template-paget-posts #content {background-color:transparent;box-shadow:none;}

 

[mugwumpr]

Thanks, scrambler! That worked a treat to get rid of both the unwanted background and the phantom shadow! I never would have figured that out on my own.

[Author]

Posts