How to add underline to shop now button

[YIVAN]

Hello,

Is there any way to add a underline to the shop now button in the image banner section? Similar to the home underline.

URL: https://www.yivan.us/

Pass: YIVAN24

[Guleria]

Hello @YIVAN ,

Follow these steps:

.banner .button.button--secondary {
    text-decoration: underline; 
}

Thanks

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

[GTLOfficial]

Hello @YIVAN 
Go to online store ---------> themes --------------> actions ------> edit code-------> base.css---->
and add this code at the bottom of the file.

@media (min-width: 750px) {
  @media screen and (min-width: 750px) {
   #Banner-template--22660447666460__image_banner_hw4FHP .banner__buttons a {
      color: #fff;
      text-decoration: underline;
    }
  }
}

and the result will be

Let me know if this solved the purpose.
Thanks

[BSSCommerce-HDL · Accepted solution]

Hi @YIVAN, Pls insert this code to your file css: 

.banner__buttons a {
    text-decoration: underline;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍