Buttons in the Duda System: Design

Josiah Flex • August 15, 2022

Welcome to Part 2 of our 2-part series on buttons in the Duda system! In this tutorial, we’ll cover button design. In our last video, we explored button content and linking – you can catch that video here.


Dive in as we cover four primary aspects of button design in Duda:


  • Layout
  • Sizing
  • Color
  • Positioning

Button Layout

 1. Right click on your button and select “Edit Design” to open the button editor popup.


2. Click on the right arrow beneath “ Layout” to pull up the Duda preset button shapes. Hovering over each option shows how the button will look in its hover state. Select the shape you want, and “X” out of the button shapes pop-up.

Button design editor showing layout options and an orange “Request a quote” button preview
Button design settings panel with style tab, width and height sliders, and a background section.

Button Sizing

3. Scroll down on your “ Button Design” editor to adjust the width and height of your button. Alternatively, you can manually adjust the button’s size within the website editor itself, but we recommend using the width and height adjustments in the design editor to guarantee consistency across the entire site.

Button Color

4. Scroll down further on your “Button Design” editor to view and edit the background color and border weight of your button. Click “More design options” to view and edit hover state options.


5. To change your button text color, scroll up and toggle from “Button Style” to “Button Text.”

Button design settings panel with font, size, color, format, and alignment options
Settings panel for hover font color and format, with bold, underline, italic buttons and a “Revert to global design” button

6. If you determine that you do not like your button changes, you can click the “Revert to global design” button, and the button will revert back to the global design preset you have in Duda.

Button Positioning

7. Toggle the “Floating” selector On to make a “sticky” button. This means that your button will stay in that screen position no matter where you scroll.


8. Use the “Position” selector to choose where you button will reside.


9. Next, toggle “Show on this page only” On if you would like the button to reside on the current page only. Keep this Off if you want the button to float on every page.

Settings panel with Floating and Show on this page only toggles, plus a 3x3 position selector

Are You Interested in More Duda Tutorials?

 Stay tuned for Part 2 of our series on buttons in the Duda system where we discuss how to style your buttons! For more Duda tutorials, head over to our YouTube channel or browse the RivalMind resource library.

Smiling person in a blue shirt sitting with a laptop against a white background

Meet the Author

Josiah Flex

Head of Business Development

Josiah Flex, a digital marketer, is passionate about helping companies see real, lasting growth. With a background in personal training, he enjoys helping people identify and achieve their goals – from online visibility to increased leads. Ultimately, consumers use search engines, like Google, to identify the best answer for their needs, and companies engaged in great SEO have the highest likelihood of winning prospective consumers, one step at a time. This is true success.


Specialties: Building Client Relationships, RivalMind Hype Guy

< Older Post

 Newer Post >

Looking for more organic website traffic?


Welcome to RivalMind. Our purpose is to help your business thrive. We are a digital marketing agency that offers SEO, PPC, Web Design, Social Media and Video Solutions as tools to our clients for online business development and growth.


Contact us today to get started!

Blog Contact Form

Connect With Us:

Common Digital Marketing Acronyms title on blue abstract background

The Most Common Digital Marketing Acronyms Explained (2026 Guide)

By Dan Hayward • September 2, 2026
In the world of digital marketing, acronyms are varied. The meanings of three and four-letter abbreviations can easily become misinterpreted.
Google SEO graphic: “How Is Google AI Sourcing Its Content? What Google’s Citation Data Means for SEO” with a smiling person

How Is Google AI Sourcing Its Content? What the Citation Data Means for SEO

By Andy Francis • September 2, 2026
Google's AI Overviews now cite far fewer top 10 pages. See what the new citation data means and how RivalMind tracks AI search visibility beyond rankings.

Why Content Marketing Strategy Matters

August 24, 2026
Many businesses invest significant time and resources into content marketing. They publish blog posts, share updates on social media, send emails, and create videos, all with the goal of reaching and engaging their audience. The challenge is that creating content and creating results are not the same thing. When content is guided by a clear strategy, it's easier to see how each piece fits into a larger effort. Without that direction, content can start to feel like a series of individual tasks rather than a meaningful way to connect with the people you're trying to reach .
Show More →