[Resolved] Remove Link Styles on Element

[Tommy]

Reaching the 5 hour mark on researching this and am here bc I can’t figure it out.

I’m using this for custom hyperlink styling:

/* CUSTOM HYPERLINKS */
.entry-content a {    
    color: #277ee4;    
	border-bottom: 2px solid rgba(45, 130, 230, 0.4)
}

I’m creating buttons that I do not want this styling applied to.

Here is my code:

/* BUTTONS */
.apply-button {
  background-color: #bf5700; /* Burnt Orange */
  border: none;
  border-radius:3px;  
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.apply-button a.no-link-border {
    text-decoration: none;
    border:none;
}

Please school me on how to fix this 🙂

Thank you guys!

[Tommy]

Figured it out:

a.apply-button {
    border-bottom: 0;
    color:#fff;
}

[Leo]

Glad you figured out 🙂

[Author]

Posts