Carrd Tutorial: Adding Appearance in Carrd

Giannis Alexandridis
August 21, 2024
Giannis Alexandridis
August 21, 2024

Table of contents

Creating a cohesive and visually appealing website involves more than just placing text and images; it requires a consistent design style that can be applied across various elements on your site. 

Carrd simplifies this process through its "Appearance" settings, allowing you to create and apply styles easily.The "Appearance" feature in Carrd lets you design a custom style once and then apply it to multiple text elements, containers, and other components throughout your site.

This not only saves time but also ensures a uniform look and feel, enhancing your site's overall aesthetic. In this section, we'll guide you through the steps of creating an appearance style and applying it to different elements on your Carrd site.

Creating an Appearance Style

 Learn how to create a custom appearance style that you can apply to multiple elements on your Carrd site.

Steps:

1) Access the Appearance Settings: Click on the element (text or container) you want to style, then click on the "Appearance" tab in the sidebar and lastly click on “Add Style”.

Image: Click on an element
Image: Click on none in the appereance tab
Image: Click add style

2) Define Style Properties: Customize the appearance settings such as text color, font size, background color, border style, etc.

Image: Customize appereance settings

3) Save the Style: Give your style a name, and save it for future use.

Image: Name he style and save it

Applying an Appearance Style

Apply the saved appearance style to other elements on your Carrd site.

Steps:

  1. Select an Element: Click on the text or container element you want to apply the style to.
  2. Apply the Saved Style: In the "Appearance" tab, simply choose the style you saved earlier from the list.
Image: Click on the style to apply it

Conclusion

Creating and applying appearance styles in Carrd is a powerful way to ensure your website maintains a cohesive and professional look. 

By following the steps outlined in this guide, you can design a custom style once and apply it across multiple elements, streamlining the process and enhancing the visual consistency of your site.

By experimenting with different styles and regularly updating them as needed, you can keep your website fresh and engaging for your visitors. Don’t forget to preview your changes and apply styles consistently to achieve the best results.

Enjoy creating your standout website!