How can I add a button to a multi column using CSS code?

Store Design
, ,
1

Hello I’m trying to add a button to a multi column but struggling how to add it ? Is there css code that I can paste to add a button and then I can redirect the link? Shopify dawn seems to have no way of just adding a simple button ? Thanks

2

27C17AC1-C135-4376-8BBF-32F91A007533.png
27C17AC1-C135-4376-8BBF-32F91A007533.png828×1792 114 KB

Hello! Dawn theme 8.0 and the position will be inside a multi column so I can use the slider effect to slide through different buttons. I’ll attack a photo of what I’d like to be possible, thanks page is on https://dagnorak.myshopify.com/collections/accessories/

youll see my attempt at making it

3

You can add label and link directly in multiple column and then add custom CSS code to make it look like a button

Screenshot 2023-05-04 at 16.29.55.png
Screenshot 2023-05-04 at 16.29.55.png1822×798 124 KB

4

That would be perfect, what css would I need to add ? Thanks so much

5

Please add this code in your base.css file

.multicolumn-card__info .link {
    padding: 5px 10px;
    background-color: rgba(var(--color-button),var(--alpha-button-background));
    color: rgb(var(--color-button-text));
}
6

That’s amazing! How do I style the button like the buttons on my homepage (standard ones for my theme dawn) DAGNORAK.myshopify.com? Thanks