Support » Theme: Author » Home page article transparent to match the gradient background

  • Resolved Ellen79

    (@ellen79)


    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.

    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

    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.