Replace text link with button (Dawn theme) on the Multicolumn Sections

Technical Q&A
1

Hi all,

I need a little help with customizing the multicolumn section within the Dawn theme. Basically, I would like to replace the link section with the theme’s default button (primary).

Any help in the right direction would be great. On the website we are creating, we are using four sections within the multicolumn.

Many thanks in advance.

Capture.PNG
Capture.PNG303×438 40.3 KB

2

Hi,

What you’ve described can be done. Could you send the website link?

Terence

3

Thanks for the reply Terence,

I have found the code when inspecting / changing the code in chrome browser and use the class “Button Button–Primary”

I have attached a screenshot of what I have found, just need to know where to place into code on shopify.

Thanks in Advance

added 1.PNG
added 1.PNG354×456 32.3 KB

Here is the code from devtools inspection

added.PNG
added.PNG916×605 29.8 KB

4

You are welcome..

Navigate to the ‘Edit Code’ option in your theme settings, then search for “base.css” in the search bar and add it to the very bottom of the ‘base.css’ file.

5

Any luck with this?

6

Can you show us an example? What do you have to add so the link can turn into a button for that specific multicolumn link in Dawn?