Instructions

Style Guide and Variants

‍

Color customization

Easily customize the primary, secondary, and additional color palettes using Webflow's Variables feature, which simplifies managing your site's color schemes.

‍

‍

Typography settings

‍

You can adjust font styles, sizes, and weights for headers, body text, and other text elements to match your desired look and feel.

‍

‍

Contact us page map instructions

On the Contact Us page, you will need to replace the map image (KD-map-image (replace with embeded code)) with an embedded map block to display your restaurant's location. Follow these steps:

1. Add an Embed Block:
   • In Webflow, locate the placeholder map image and delete it.
   • Drag an Embed block into the same section where the map image was previously located.
2. Get the Embed Code:
   • Open Google Maps and search for your restaurant's location.
   • Click Share and then select Embed a map.
   • Copy the HTML code provided by Google Maps.
3. Paste the Code:
   • Paste the copied HTML code into the Webflow Embed block.
4. Adjust Map Dimensions:
   • To modify the map's size, edit the height and width attributes in the HTML code. For example:
     <iframe width="600" height="450" ...></iframe>

‍

(See screenshot below)