How to add underline to shop now button

Solved

How to add underline to shop now button

YIVAN
Explorer
51 1 16

Hello,

 

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

Screen Shot 2024-06-15 at 2.24.31 AM.png

 

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

Pass: YIVAN24

Accepted Solution (1)

BSSCommerce-HDL
Shopify Partner
1035 347 415

This is an accepted solution.

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

.banner__buttons a {
    text-decoration: underline;
}

Here is result: 

BSSCommerceHDL_0-1718437160161.png

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 😍

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 3 (3)

Guleria
Shopify Partner
3186 620 891

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:

 

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me. - Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
- Support me PayPal

GTLOfficial
Shopify Partner
263 50 51

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
mn.png
Let me know if this solved the purpose.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

BSSCommerce-HDL
Shopify Partner
1035 347 415

This is an accepted solution.

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

.banner__buttons a {
    text-decoration: underline;
}

Here is result: 

BSSCommerceHDL_0-1718437160161.png

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 😍

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency