Streaming live at 10am (PST)

How do I add buttons to exact places in my design?

Hi,
I need help getting three buttons onto my site. Can anyone help? The button styles are already designed in my site so those can be used. Below are screenshots of where the buttons need to go on this page here: https://www.ashleyjanelle.com/ux-coaching


Here is my site Read-Only: https://preview.webflow.com/preview/blog-1-324f36?utm_source=blog-1-324f36&preview=eb5ad576e3e11f04021f19204b042860

If you are looking to have someone do this for you then post the topic to “Community -> Freelance Jobs”.

If you want to learn how to do it yourself, I suggest watching the videos in the university.

2 Likes

Hi,
Can anyone help me move this button to the section circled in my screenshot as well as change the color. It’s a class so it’s tied to other buttons so whenever I change it it changes the color of the others. So will need to make it a new class.

Thank you!35%20PM


Here is my site Read-Only: https://preview.webflow.com/preview/blog-1-324f36?utm_source=blog-1-324f36&preview=eb5ad576e3e11f04021f19204b042860
[1]: http://
[2]: https://university.webflow.com/article/sharing-your-sites-read-only-link

Combo classes are how you can create new versions of an element while inheriting styles.

You can’t place a button within a link block. Remove the link block and then add a button. Then add a combo class to style it.

The alternative would be to replace the image with one that has a “visual button” added graphically.

Or you could just create a div that looks like a button. The link block it already the trigger so no link is needed.

Hi,
I need help getting three buttons onto my site. Can anyone help? The button styles are already designed in my site so those can be used. Below are screenshots of where the buttons need to go on this page here: https://www.ashleyjanelle.com/ux-coaching

04%20AM 18%20AM 25%20AM


Here is my site Read-Only: https://preview.webflow.com/preview/blog-1-324f36?utm_source=blog-1-324f36&preview=eb5ad576e3e11f04021f19204b042860