button with a about simple.css HOT 2 CLOSED

btw: loove your project!

from simple.css.

Hi @gemal,

There are a couple of ways to achieve a linked button. The first way, which is what many people do, is to add a class using a custom stylesheet. Something like this will work:

.button {
  border: none;
  border-radius: 5px;
  background: var(--accent);
  font-size: 1rem;
  color: var(--bg);
  padding: .7rem .9rem;
  margin: .5rem 0;
  transition: .4s;
}

Then you would add a standard link, but with the class of button to it's formatted to look like a button:

<a class="button" href="https://example.com">Click here</a>

If you prefer not to add custom CSS, then the alternative is to add a very simple line of inline JavaScript to your button that effectively makes the button a link. Like this:

<button onclick="window.location.href='https://example.com';">Click here</button>

This second solution is easier, but the caveat here is that buttons will break for any users that don't have JavaScript enabled.

Hope this helps,

Kev

from simple.css.