Solved

Hover effect on Brand link, Dawn theme

Dekanten
Pathfinder
143 1 49

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.noScreenshot 2024-03-07 at 14-33-40 Awake.png

 

See attached image:

 

 

Accepted Solution (1)

deepaksharma
Shopify Partner
448 62 92

This is an accepted solution.

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"

deepaksharma_0-1709819232689.png

 

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com

View solution in original post

Replies 9 (9)

suyash1
Shopify Partner
9137 1137 1485

@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, 

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
Dekanten
Pathfinder
143 1 49

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

suyash1
Shopify Partner
9137 1137 1485

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

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
Dekanten
Pathfinder
143 1 49

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

Dekanten
Pathfinder
143 1 49

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

topnewyork
Trailblazer
253 26 35

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 */
}
Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel
Dekanten
Pathfinder
143 1 49

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

deepaksharma
Shopify Partner
448 62 92

This is an accepted solution.

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"

deepaksharma_0-1709819232689.png

 

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
Dekanten
Pathfinder
143 1 49

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