Target specific link in Event Excerpt

Suppose you have 2 links in Event Excerpt.

Now you want to target Second Link and change it to button. Like this.

First, you need to edit Second link > Find link you added. In my example, it is: /pricing-test

Next, use this code to Custom CSS box.

div.eventlist-excerpt {
    a[href="/pricing-test"] {
    border: 1px solid #000;
    padding: 10px 30px;
    border-radius: 50px;
    margin-top: 30px;
    display: inline-block;
}
    a[href="/pricing-test"]:hover {
        background-color: #000;
        color: #fff;
    }}

1 Like