Hi @JohnSmith2 ,
I see that you’ve correctly used the text-shadow property to improve text visibility on a white background.
In addition, please add the following CSS code to the theme.scss.css file to customize the arrow box as desired
a.hero__arrow{
background: #000;
}
.hero__arrow .icon {fill: #fff;}
.hero__arrow:hover , .hero__arrow:focus {
color: #000;
background-color: #9b9b9b;
}
- Result:
