Change the link-label to a button instead of an arrow link - dawn theme

[Eduard02]

How can I change the link-label to a button. So currently the label is just a word with an arrow next to it, but I would like for this to be a button (with a background) without an arrow. 

So currently I have the 'current link-label' image, but I would like for it to be a button (button image). I saw some code, but that changes the whole design of the > a.link.animate-arrow { < code, but I would like to only change the button style on the multi column section.  

Thanks!

 

[made4Uo]

Hi @Eduard02,

Can you provide your website so we can provide a code specific for you?

[Eduard02]

https://animalvalley.nl/

thanks!

[jeroenvandepol]

I have the same issue, I can't find how to change the 'arrow-link' to a square button.  I would guess this is something you can configure. Or do I have to make code changes. I use the theme Dawn. Thanks for your reply.

[learner2024]

I facing the same problem, can you show me how to solve it please

[jeroenvandepol]

Hi,

I used this solution.

Not the most "clean" solution, but it works. I would prefer a built in configuration option.

Due to the above change, the announcement bar became black, to solve that I added the code below (base.css).

a.announcement-bar__link.animate-arrow {
background-color: #fff !important;
}

And to remove the arrow, I added the code below (also to base.css)

.icon-arrow {

    display: none;

}

[Michael_rocks]

Hey Eduardo02 I am facing the same challenge. How did you solve it? Thanks!