Tutorials

Reusing Sections on Another Website

Since Duda can't carry over custom CSS code when saving a section and reusing it on another site, you'll need to copy the custom codes manually and paste them to the website you'd like to use sections of the template in. Check out the easy steps below!

Step 1

On the template editor, access the HTML & CSS by entering developer mode.

A blurred image of a website that says become a volunteer

Step 2

On the side panel under Site HTML/CSS, click on site.css and copy all the code.

A screenshot of the site html / css directory
A computer screen with a lot of code on it

Step 3

Now, open the website where you are going to reuse sections of the template. On the editor, access the HTML & CSS by entering developer mode. Under Site HTML/CSS, click on site.css and paste all the code.

A computer screen with a lot of code on it

Step 4

Just save and close. You can now reuse all the sections from the template on the new website thanks to the pasted custom code.

A group of people are sitting around a table in a room.

Changing Hover Color

A black and white photo of a man laying on a bench in front of a crowd of people.

Changing the hover color for this section might seem a bit tricky, but no worries because it's easier than you might think. The key thing to know is that this section's hover action is connected to the global colors. Let's see how to change it!

Step 1

On the side panel, go to Design and select Global Colors.

A screenshot of the global design page of a website.

Step 2

Color #8 is the hover color, change it to the color to match your design, and you are done!

A computer screen shows a choose another color window.
A man is laying on a bench in front of a crowd of people.
Share by: