Link to appear as a button

Store Design
,
1

I am using a multi column widget, in Dawn theme, and want the link at the bottom of each column to appear as a button. Not the standard link text. Can anyone advise the code to add to the Custom CSS panel to achieve this?

2

@Gblack - you can try solution given by @j_p_2178

can you please share your website link?

3

@Gblack To display the link at the bottom of each column as a button, follow below steps.

  1. From admin panel, navigate to the “Online Store” → “Themes”.

  2. Click the “Customize” button from the current applied theme.

  3. Select the “Multicolumn” section.

CommerceChamp_0-1715879157095.png
CommerceChamp_0-1715879157095.png273×557 13.8 KB

  1. Scroll down to find the “Custom CSS” field and paste below code in the field. Here, you can change the font and background color based on your website.
.multicolumn-card .multicolumn-card__info a {
  background-color: #000000;
  color: #ffffff;
  padding: 5px 10px;
}

CommerceChamp_1-1715879177889.png
CommerceChamp_1-1715879177889.png273×502 15.8 KB

Now, it will be shown like below screenshot,

CommerceChamp_2-1715879238680.png
CommerceChamp_2-1715879238680.png933×401 32.1 KB

Please reach out to me for any other help needed.

If you are pleased with my solution, kindly show your appreciation by liking it :+1: and designating it as the accepted solution :check_mark: . Your endorsement fuels my dedication to excellence :blush: .