Have idea – don’t know how to execute,

  • 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

Viewing 6 posts - 33 through 38 (of 38 total)
  • You must be logged in to reply to this topic.