Skip to content

Calmar Solutions

Wordpress WebEntwicklung für KMU

Calmar Solutions

  • Spezialist
  • Offerte
  • Fragen?
  • Projekte
  • Über Uns

PancakeApp Invoicing: Make your Logo/Branding look good

If you have a Logo with a transparent or colored background in PancakeApp, you are likely to run into some trouble. This is assuming you actually care about the presentation of your logo. The problem is, that PancakeApp will use your logo at multiple places, with different backgrounds, but you can only choose one logo. Damn. So it puts your logo onto three different background colors: white, blue and cream/beige – depending on your theme this will differ. Below you see how our logo looked on the blue background: it was hardly readable and had some white trash along the edges of the font.

We have another guide on how to change user avatars/pictures for PancakeApp here if you haven’t done that yet.

Pancakeapp

The solution for PancakeApps logo issue

Go to settings and choose brandig. You will see some blank fields appear. (if you or someone has altered the design, they might not be blank)

Pancakeapp Branding

In the box for custom frontend CSS add this line to the bottom of the box:

#buttonBar .header-logo {background-color: #FFFFFF; border-radius: 3px;}

In the box for custom backend CSS add this line to the bottom of the box:

.top-bar .header-logo {background-color: #FFFFFF; border-radius: 3px;}

This is how the boxes look:




The end is near…

After you copied and possibly altered the code above, hit save settings, and you are ready to go! If you want to have an other background color, it is best you choose a HEX color and replace #FFFFFF with your desired one. If you click here you can pick your own HEX color with this tool.

If you want to adapt the border radius (if the box around your image has sharp edges or if they are rounded) you can follow this quick guide. It is very simple, and basicly it is as easy like just cranking up the number from 3px to your desired ammount.


After all of this, the result will look similar to ours below. If you found our guide helpful, feel free to subscribe to us.


Loading

  • ← PancakeApp: How To Change User Avatar/Picture

Angebot

Opensource (WordPress)
Arbeiten leicht gemacht

Entwicklung (HTML & CSS)
Ihre stylistischen Anpassungen

Timber, TWIG und SASS
Damit sich jeder Entwickler in den Code einlesen kann.

Import & Export
Ihre bestehende Seite zügeln

Gutenberg Blocks
Damit komplexe Inhalte einfach eingefügt werden können.

Responsive Webdesign
läuft auf Desktops, Mobiltelefonen etc.

Apache2 (Linux)
backend konfiguration damit alles klappt

Programmierung (JS & PHP)
läuft ganz individuell

Kundschaft

> Kleinunternehmen
> Non-Profit Origanisationen
> Vereine
> Architekten
> Private
> Sowie viele weitere

Am besten lassen Sie sich gleich eine Offerte zukommen!

Erin McGowan

Guten Tag, ich spezialisiere mich auf Web-Entwicklung im Bereich der KMUs. Ich empfehle grundsätzlich die Verwendung von WordPress, weil dies effizient ist und zukunftsorientiert Sinn ergibt.

Erin McGowan Portrait Webdesigner

Kontakt

Calmar Solutions
Erin McGowan
Altenbergstrasse 126
3013 Bern

phone number and email image

www.calmarsolutions.ch

General Data Protection Regulation (GDPR): Diese Seite verwendet Cookies und speichert weitere Daten.
Bei der weiteren Verwendung dieser Webseite, stimmen Sie unseren Richtlinien zu. GDPR anschauen
© 2021 Calmar Solutions | Designed by: Theme Freesia | Powered by: WordPress