Instructions

Follow these instructions

The Portfolio Studios template is powered by Webflow's CMS, making it simple to manage your site’s content. Some of the pages, such as Projects and Blog is connected to the CMS collection titled Projects and Blog.

Add a new projects

  1. Create a new post under the Projects collection.
  2. Fill in the information and images you want to show up on the projects page.
  3. Once published, the new entry will automatically appear on the relevant page.

Add a new Blog post

  1. Create a new blog under the Blog collection.
  2. Fill in the information and images you want to show up on the Blog page.
  3. Once published, the new entry will automatically appear on the relevant page.

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.

All Quick Stack Elements - Instrucktions

Quick stack element can be found on these pages: Home, Work, Blog, About us, SEO, Web Design, Web Development and Content Creation

You also need to update the content on the KD-layout-quick-stack-mobile-version element for the changes to be seen on tablet and mobile version of the website.

(See screenshot below)

KD - Service - card component instructions

The KD - Service - Card components are located on the following pages: Web Design, Web Development, SEO, and Content Creation.

To update the content of any of these components, navigate to the Service Card Components page. Each card is listed individually, making it easy to edit their content.

(See screenshot below)

KD-section-work Instructions

KD-section-work can be found on the home page.


Changing the photos for the KD-section-work:
- Images for tablet and desktop can be found in the KD-layout-work-image-wrapper
- Images for mobile can be found in the KD-layout-work-mobile-image-wrapper

(See screenshot below)