Home page article transparent to match the gradient background

  • Resolved Ellen79

    (@ellen79)


    9 years, 8 months ago

    Hi there,

    First of all, what a wonderful theme Author is! Thanx for this amazing theme.
    Now to get to the point:
    In the CSS customizer I have tried to change the .entry-article of the (static) homepage to transparent. Which doesn’t work. I’m having a gradient background so I would like the .entry-article of the homepage to match the background gradient. Hence the wish to make the .entry-article transparent.
    Is there a way to make this happen?
    The CSS I used was:
    .home .entry-article {
    background: transparent;
    }

    Any help is very appreciated!

    Ellen

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hi Ellen,

    Thanks for the kind words ??

    You can use the following CSS to do this:

    .home .entry article {
  background: rgba(255,255,255, 0);
}

    This uses RGB values to make the background white plus an additional Alpha value that I’ve set to 0 to make the background transparent. You can adjust the 0 value from 0-1 to make it a different degree of opacity if you’d like.

    Thread Starter Ellen79

    (@ellen79)

    Hi Ben,

    Thanks for your reply!
    It works like you described in your reply.

    My client is very happy with how it looks.

    With kind regards,
    Ellen

    Thread Starter Ellen79

    (@ellen79)

    And I’m posting again because I forgot to mark the topic as “resolved”.

    Sorry ??
    Ellen

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome, glad your client is happy with the site ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Home page article transparent to match the gradient background’ is closed to new replies.