-
That worked.
New question –
1 – I replaced the bg color with an image using this code:
body.page-id-7589 {
background-image: url(“url here”);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}It worked as intended.
2 – I then took away the dark blue of the interior container – thinking the background image would show through.
3 – All that happened is that the bg color witched to white.
4 – So I then gave it 100% transparency – STILL no change.
5 – Using Inspector – I went down each element looking for a background color I missed – to no avail.I colored the area green for visibility [var(–global-color-8)].
I really just wan the image to show through to see if I like it. (thought it would be simple)If you all would not mind taking a look I would appreciate it.
-
Hi there,
Go to customizer > colors > content, and remove its background color, or set it to transparnet.
Let me know if this helps!
-
Ying,
I tried that and it took it away site-wide.
I just want to make it disappear for the single page. But again, can’t find what to target via the Inspector. (body.page-id-7589)
I tried the below (big guesses) – but it did not work.
body.page-id-7589 content {
background-color: transparent;
}and
entry-content.page-id-7589 {
background-color: transparent;
} -
Try this:
body.page-id-7589 .site .inside-article { background-color:transparent; } -
That worked. But the problem is that I would have never found that ‘combination’ in inspector.
Can you gimme a quick explanation of how you got to that? (other than living and breathing GP). I was trying a dozen scenarios chatgpt provided to.
Thanks!
-
Check this screenshot, I’ve added some notes 🙂
https://app.screencast.com/yjnRwfiM6PCSQ
- You must be logged in to reply to this topic.