How can I add a hover effect to a brand link in the Dawn theme?

[Dekanten]

Hi, i have now added a brand link who works like, when i click it and the brand will show up with their products.

The question is, is it a way to make a hover effect and make this “Purple” Link to more visible as link. What do you recommend and what css code can we use to make that happen?

Hope can figure something out.

My url:

www.dekanten.no

See attached image:

[suyash1]

@Dekanten - you have given purple color as the inline color for this button… can you please remove it? then we can add css via button class and give hover effect as well,

[topnewyork]

check this css code

/* Style the brand link */
.brand-link {
  color: purple; /* Set the text color to purple */
  font-weight: bold; /* Make the text bold */
  text-decoration: underline; /* Add an underline */
  transition: color 0.3s; /* Smooth transition for color change */
}

/* Add hover effect */
.brand-link:hover {
  color: darkpurple; /* Change text color on hover */
}

[deepaksharma]

**Hello @Dekanten **### ### How about changing the class instead adding the css### ### just change the class from

class="text-link fera-productReviews-writeReviewLink"

to this

class="text-link button button--secondary fera-productReviews-writeReviewLink"

###

[Dekanten]

I cannot make this code work, i did placed in the css and tried the theme without success im afraid. Anything i did wrong?

[Dekanten]

I can remove the color, i can change it to black for sure.

[suyash1]

@Dekanten - please do it, then we can set css properly

[Dekanten]

I have removed it now so its black as the rest, hope thats ok now.

[Dekanten]

Thank u so much, another great fix and its looking fine with the new review button.

[Dekanten]

Hi again, i have changed the purple color into black so everything is just fine now, ready for some code to add.