Site logo

Archived topic

Color of buttons that have been clicked

3 replies · Started by Jason on May 29, 2020

Viewing posts 1–4 of 4

I notice that buttons that have been clicked have a different color. How would I go about changing that so that's not the case? I'd like the buttons to look the same no matter if someone has clicked them or not. I do have this CSS currently for a few buttons.

.button.gray {
    background-color: #ecf0f5;
    border: 2px solid transparent;
    border-radius: 5px;
		width: 300px;
		text-align: center;
    color: #000000;
}

.button.gray:hover {
  background-color: #a1a3a8;
  color: white;
}

Hi there,

Try this for your CSS:

a.button.gray, a.button.gray:visited {
    background-color: #ecf0f5;
    border: 2px solid transparent;
    border-radius: 5px;
    width: 300px;
    text-align: center;
    color: #000000;
}

a.button.gray:hover {
  background-color: #a1a3a8;
  color: white;
}

Nailed it! Thank you, Leo. Super slick theme btw. I'm switching from a page builder, and this is incredibly lightweight and great for speed.

No problem :)

This archived topic is closed to new replies.