Format Custom Code & Tutorials (Updated Regularly)

Format (format.com) is a portfolio website platform built for creatives: photographers, videographers, artists, illustrators, designers, architects, models, and more…

This topic collects basic how-tos, handy tips, and custom codefor Format. The topic will be updated regularly.

#1. Change Logo Color

First, you need to click on Portfolio > Design

Next, scroll down and you can change Logo Color here

#2. Adding Tagline under Logo

First, click Design > Code Editor

Add this code then click Preview Edits > Save Changes

span.logo-wrap:after{
  content: "This is tagline";
 font-size: 30pxpx;;
color: black;
display: block;
}

#3. Change Logo size

First, click Design > Website Title and Logo

Next, click Image Logo > Logo Image Size

Note: If you choose layout with Logo (Left) – Burger (Right), you will need to adjust this option

#4. Change burger menu (icon) color

You can click Design > Colors

Click Advanced > Site Menu Link Color – Default

However if you just want to change burger icon color, use this code to Code Editor

button.mobile-menu-toggle {
    border-color: blue;
}
.mobile-menu-toggle:after, .mobile-menu-toggle:before {
    background-color: blue;
}

#5. How to Float Menu on left of site

To Float Menu on left of site, like this

You can use custom code or change template by clicking on Design > Theme

#6. Change Logo Link

Click on Design > Website Title and Logo

Scroll down to this option

You can disable option then click on this to set custom page/url

#7. Change Contact Form submit text

Just click on Submit text and you can enter new text

#8. Change Footer Color

You can click on Design > Colors > Advanced > Footer Text Color

In case you want to change Footer Background Color, you can click on Design > Code Editor > Paste this code > Preview Edits > Save Changes

footer.footer {
    right: 0;
    background-color: #f1f;
}