Suosittu

Näytä ${remains} lisää artikkeleita

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 global style changes under the Styles tab, which will apply to your entire website. You can also edit each element on your site separately.

How to access the Global Styles

  1. Go to Styles at the top right of your admin panel
  2. In the popup window, edit the global desktop or mobile styles. 

Access Global Styles

Global Desktop styles

The Global Desktop Styles allow you to manage the appearance of your entire website for desktop view. You can select: 

  • Font: Select the font family and adjust the font size using the slider.
  • Background Color: Set a global background color for your website.
  • Text Color: Customize the text color for all content on your site.
  • Font Combinations: Choose from predefined font pairings for consistency.
  • Color Combinations: Apply preset color schemes to unify your site’s design.

If needed, you can easily reset styles to default settings, simplifying site-wide adjustments without manual updates to individual elements.

Global Desktop Settings in Portfoliobox

Global Mobile Styles

The Global Mobile Styles settings let you tailor your website’s appearance specifically for mobile devices, ensuring a responsive and user-friendly experience. You can set: 

  • Menu Icon Color: Customize the color of the mobile menu icon.
  • Menu Icon Style: Select from various styles for the menu icon (e.g., regular).
  • Gallery Items per Row: Define how many gallery items are displayed per row on mobile devices.

These global adjustments ensure your site looks polished and functional on mobile devices, enhancing navigation and readability.

Global Mobile Settings in Portfoliobox

Add custom CSS

Styles control your site's default CSS — without custom code. However, if you're familiar with CSS and can't find a change you need under Global Styles, you can add CSS under Settings Custom CSS.

NB! Custom CSS may interfere with your site's functionality, and all custom code falls outside Portfoliobox support's scope.

Related Topics

Portfoliobox ${pbVer}: Search Result

Luovan työn tekijöille tehty verkkoportfolio

Kaikki työkalut, jotka ammattilainen tarvitsee

  • Dynaaminen verkko
  • Tasaiset rivit
  • Kultainen leikkaus
  • Neliösuhde
  • Keskitä
  • Palapeli
  • Satunnainen
  • Vaakasuora
  • Vaakasuora 2
  • Vaakasuora 3
  • Pystysuora
  • kaksi–yksi
  • kolme–yksi