Design & Styles
-
Change the position of your menu
By default, the menu of your site displays at the top of your site. The menu contains your logo and links to your pages. Learn how to change its position.
Portfoliobox 4 | Impara Design & Styles Navigation, Menu, and Logo | Created on: February 20, 2021
-
Add & delete links in the menu
Your menu helps your visitors to easily navigate your website. Adding links to your menus will give them direct access to your content. When a page is created,
Portfoliobox 4 | Impara Design & Styles Navigation, Menu, and Logo | Created on: February 20, 2021
-
Adding a logo
The logo is part of your menu and its position depends on the menu template you use. You can choose to upload an image to replace to the text logo. By default
Portfoliobox 4 | Impara Design & Styles Navigation, Menu, and Logo | Created on: February 20, 2021
-
Edit the global styles of your site
Style changes are edits to the look of your site, like fonts, colors, backgrounds and spacing. You can make default style changes under the Styles tab.
Portfoliobox 4 | Impara Design & Styles Layout & Styles | Created on: February 22, 2021
-
Edit an element of your site
Learn how to edit and style elements in Portfoliobox, including desktop & mobile-specific styles and element-specific or global changes.
Portfoliobox 4 | Impara Design & Styles Colors and Fonts | Created on: February 22, 2021
-
Margins, padding & position
You can easily fine-tune your website by editing the margins, padding or position of elements on your page.
Portfoliobox 4 | Impara Design & Styles Layout & Styles | Created on: February 22, 2021
-
Advanced styles
With a Professional subscription, you can access Advanced Styles. Here is a summary of what is included in your Professional subscription.
Portfoliobox 4 | Impara Design & Styles Layout & Styles | Created on: February 22, 2021
-
Units in Portfoliobox 4
When editing elements of your page such as font size or margins, you might notice that some measurement values are not using pixel which is an absolute unit
Portfoliobox 4 | Impara Design & Styles Layout & Styles | Created on: February 22, 2021
-
Units in Portfoliobox 4
When editing elements of your page such as font size or margins, you might notice that some measurement values are not using pixel which is an absolute unit
Portfoliobox 4 | Impara Design & Styles Colors and Fonts | Created on: February 22, 2021
-
Add a Site Icon
Site Icon is also called favicon (short for “favorite icon”). It is an icon that is displayed on a browser tab next to a website's page title. To upload a
Portfoliobox 4 | Impara Design & Styles Other Design Settings | Created on: February 22, 2021
-
Customise the wording of your site
Do you want to change the default labels in your CV page, change the "Send" button to another word or customize the wordings or language in your website?
Portfoliobox 4 | Impara Design & Styles Other Design Settings | Created on: February 22, 2021
-
Edit the mobile style of individual elements
You can edit the way a specific element displays on mobile devices. Editing the mobile styles of a specific element will prevail over the global mobile settings
Portfoliobox 4 | Impara Design & Styles Responsive Design & Mobile Style | Created on: February 22, 2021
-
Create a drop-down menu (sublinks)
A drop-down menu allows you to add sub-menu links that will be placed below the main menu link. Such links are a great tool to create a sense of hierarchy
Portfoliobox 4 | Impara Design & Styles Navigation, Menu, and Logo | Created on: June 2, 2021
-
Edit the mobile version of your site
There are several ways to edit the mobile version of your site. You can edit it directly in the mobile preview or from the Global Mobile Styles.
Portfoliobox 4 | Impara Design & Styles Responsive Design & Mobile Style | Created on: September 8, 2021
-
Mobile preview
You can preview how your site appears on mobile devices by clicking the mobile preview button at the lower left corner of your admin panel.
Portfoliobox 4 | Impara Design & Styles Responsive Design & Mobile Style | Created on: September 8, 2021
-
Hide the menu on a page
By default, the menu display on every page of your website. Learn how to hide the menu from a specific page on your Portfoliobox website.
Portfoliobox 4 | Impara Design & Styles Navigation, Menu, and Logo | Created on: September 8, 2021
-
Edit the global mobile styles
You can edit the default mobile styles, which will apply to your entire mobile site, or the style of specific elements on your site.
Portfoliobox 4 | Impara Design & Styles Responsive Design & Mobile Style | Created on: October 11, 2021
-
Add animations to your website
Animations help you improve the user experience, highlight an element, or simply bring some motion to your website.
Portfoliobox 4 | Impara Design & Styles Layout & Styles | Created on: January 27, 2022
-
Add animations to your website
Animations help you improve the user experience, highlight an element, or simply bring some motion to your website.
Portfoliobox 4 | Impara Design & Styles Other Design Settings | Created on: January 27, 2022
-
Default margins
All templates have the same default margins when a page or a section is created. Pages with multiple sections looks neat since elements are properly aligned.
Portfoliobox 4 | Impara Design & Styles Layout & Styles | Created on: March 9, 2022
-
Ready-made styles
You can use ready-made color and font combinations for your site. A ready-made combination will reset all Global colors and fonts of the site.
Portfoliobox 4 | Impara Design & Styles Colors and Fonts | Created on: September 23, 2022
-
Copy / Paste styles
You can copy the style of an element and paste it into another element, even a different type.
Portfoliobox 4 | Impara Design & Styles Layout & Styles | Created on: September 28, 2022
-
Copy / Paste styles
You can copy the style of an element and paste it into another element, even a different type.
Portfoliobox 4 | Impara Design & Styles Colors and Fonts | Created on: September 28, 2022
-
Choose Standard System Fonts for your website
Standard System Fonts are stored locally on your device, as they are the default system fonts for both Windows and Mac systems.
Portfoliobox 4 | Impara Design & Styles Colors and Fonts | Created on: September 29, 2022
-
Multilingual website
You can create a multilingual website with Portfoliobox. It requires creativity and a bit of organisation.
Portfoliobox 4 | Impara Design & Styles Other Design Settings | Created on: October 14, 2022
-
Understand Styles
Learn how to apply global and element-specific styles across your Portfoliobox site. Customise fonts, colors, and layouts on desktop and mobile.
Portfoliobox 4 | Impara Design & Styles Layout & Styles | Created on: November 7, 2022
-
Understand Styles
Learn how to apply global and element-specific styles across your Portfoliobox site. Customise fonts, colors, and layouts on desktop and mobile.
Portfoliobox 4 | Impara Design & Styles Colors and Fonts | Created on: November 7, 2022
-
Understand menu and navigation
Your menu helps your visitors to easily navigate your website. Adding links to your menus will give them direct access to your content.
Portfoliobox 4 | Impara Design & Styles Navigation, Menu, and Logo | Created on: November 11, 2022
-
Template settings
When creating a Portfoliobox website, you will choose a style: Minimalistic, Medium, or Large. The style chosen will affect different elements of your website.
Portfoliobox 4 | Impara Design & Styles Layout & Styles | Created on: March 22, 2023
-
Add a footer to your site
A footer is a section visible at the bottom of your site on all pages. If you edit it on one page, it will also be edited on all pages.
Portfoliobox 4 | Impara Design & Styles Footer & Footer Section | Created on: May 29, 2023
-
Delete the footer from your site
You must delete the section(s) added to the footer to delete a footer. Deleting the footer on one page will delete it on all your pages.
Portfoliobox 4 | Impara Design & Styles Footer & Footer Section | Created on: May 29, 2023
-
Hide the footer on certain pages
Hiding the footer on certain pages can be done from the page settings.
Portfoliobox 4 | Impara Design & Styles Footer & Footer Section | Created on: May 29, 2023
-
Footer sections vs. Footer
Footer sections. vs. footer Footer sections. vs. footer Footer sections. vs. footer
Portfoliobox 4 | Impara Design & Styles Footer & Footer Section | Created on: May 29, 2023
-
Dynamic Hover Effects for your menu
Add a dash of animation to your menu links. Choose from 10 unique hover effects. Available for main menu links and Links element.
Portfoliobox 4 | Impara Design & Styles Navigation, Menu, and Logo | Created on: August 29, 2023
-
Background music
In Portfoliobox, it is not possible to add background music to your site. However, you can create a music page with tracks from Soundcloud, Youtube, or Vimeo
Portfoliobox 4 | Impara Design & Styles Other Design Settings | Created on: November 13, 2023
-
Sort the menu links
Do you want to arrange or sort the menu links on your website? Portfoliobox made a very easy with drag & drop.
Portfoliobox 4 | Impara Design & Styles Navigation, Menu, and Logo | Created on: November 13, 2023
-
Background Colour, Gradient, and Image
Edit the background of your site or menu by choosing a colour, a gradient or an image
Portfoliobox 4 | Impara Design & Styles Navigation, Menu, and Logo | Created on: November 13, 2023
-
Background Colour, Gradient, and Image
Edit the background of your site or menu by choosing a colour, a gradient or an image
Portfoliobox 4 | Impara Design & Styles Layout & Styles | Created on: November 13, 2023
-
Background Colour, Gradient, and Image
Edit the background of your site or menu by choosing a colour, a gradient or an image
Portfoliobox 4 | Impara Design & Styles Colors and Fonts | Created on: November 13, 2023
Create your first website
Sign up to Portfoliobox
Create your first page
Summary of page types
Understand Pages, Sections, & Elements
Add content to your website
Add a section to a page
Add an element within a section
Integrations & third-party elements
Add Image and Video content
Duplicate your content
Organise your content
Set a Startpage for your site
Unpublish / publish a page
Change the URL of a page
Understand menu and navigation
Create a link page
Style your content
Margins, padding & position
Edit the mobile version of your site
Ready-made styles
Understand Styles
Publish your site
Preview your site before publishing it
Share your site
Choose a domain name
Connect a custom domain
Account & Subscription
Migration to Portfoliobox 4
Choose the right plan
Upgrade your site
Your subscription
Search Engine Optimisation
What is SEO?
Google Search Console
Improve your site visibility
Add Alt-text to your images
-
Create a page with Portfoliobox
After signing up, the first thing you want to do is to create your first page. Setting up your first page is not difficult at all, depending on your content
Portfoliobox 3 | Getting Started with Portfoliobox 3 Sign up and Log in - Portfoliobox 3 | Created on: January 30, 2021
-
Creating a blog
A blog is an online journal that you can share your updates and ideas with your website visitors. It's a good idea to have a blog on your website - it is good
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
-
Create a blog post
A blog post is an individual entry of your online journal on your Portfoliobox website. In a blog post, you can add different types of content block, upload
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
-
Save a post as a draft
Making a draft or setting your post as unpublished is a great feature where you can set your post to not be visible in public while you are still working on it.
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
-
Change the order of the posts
The order or placement of your post is determined by the date set of your post. The most recent post will be placed at the top followed by the older posts.
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
-
Edit a blog post
To edit a blog post on your blog, simply follow the steps below: Select the blog page you wish to edit by going to Your Content > Pages. Afterwards, select the
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
-
Add tags to a blog post
Tag is used to label or give an identification to your post. It gives your visitors an idea of what your post is about. Another benefit of using a tag is to
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
-
Disable comments of a blog post
Comments can help you get feedback from your visitors about your blog posts and improve visitor engagement. This feature is enabled automatically after creating
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
-
View all blog comments
To check all your blog post comments, simply go to the Cog Wheel Icon > Messages > Blog Tab > Comments. The information is placed in the following order:
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
-
Blog Teaser
Blog Teaser showcases some of the blog posts that can be seen on your blog. Once a visitor of your site clicks the blog post on this section, it will redirect
Portfoliobox 3 | Pages & Content - Portfoliobox 3 Blog pages | Created on: February 22, 2021
Portfoliobox ${pbVer}: Search Result
-
${data.post_title}
${data.post_meta_description}
${formatDate(data.post_created_at)} | ${data.parent_title} ${data.child_title}