I'm trying to replicate the buttons row in this site

Design help General
1

I’m trying to replicate the “buttons” row (the items just below the picture that read Contribute Now, Get Email Updates, etc.) in this site: http://alisonforkentucky.com

I created a four-column row with text and background colors, but don’t know how to make the whole block clickable. I also tried adding buttons to each column, but don’t know how to make the buttons the full size of the column and row.

Any ideas?

Thanks!

Here is my site Read-Only link: [https://preview.webflow.com/preview/moss2018?preview=6386129498594bb2e6bc78751fdd9289]

2

I would suggest to create a parent div of 100% wide and x px hight, position - relative. put inside 4 link blocks, give them a 25% width and 100% hight. now you can design the link blocks with your desire content :slight_smile:

2 Likes
3

So I should ditch the columns, correct?

4

Yes.
Columns is also an option. but I find this way easier

5

Thank you so much for your help!

(Also, I think I inadvertently clicked the flag button next to your initial reply. I’m sorry. I didn’t mean to. And I don’t see a way to un-flag it.)

6

I don’t see how columns would work in your example, so I’ll stick to your suggestion without columns. However, columns would solve for mobile responsiveness better, correct?

7

I created the 4 link blocks within columns. Here you have it

https://preview.webflow.com/preview/columns-4a51db?preview=20a96d9e8722cfc02df64ae81e3e49a3

1 Like
8

Thanks again for your help! :+1:t3: