Style changes are edits to the look of your site, like fonts, colors, backgrounds and spacing. You can make default style changes under the Settings tab. You can also edit each element on your site separately.


Overall

You can set the overall formatting style for your website under SettingsDefault stylesOverall. The settings will apply globally to all elements on your site. This can be useful if you don't want to set individual styles for each element: Headers, Paragraphs, Links, Caption titles & subtitles or Buttons.



Text styles: Headers, Paragraphs, Caption Titles & Subtitles

You can set specific styles for Headers, Paragraph, Caption Titles and Caption Subtitles under SettingsDefault stylesYou can edit:

  • Text color
  • Background color
  • Line height and letter spacing
  • Font, font size, font weight and font style
  • Alignment of the text
  • Decoration
  • Uppercase / Lowercase


NB! These settings will apply to all Headers, Paragraph or Captions on your website. The settings will override the ones specified under Overall tab.




Links styles

You can set specific styles for links on your website under SettingsDefault styles LinksYou can edit:

  • Text color
  • Background color
  • Text decoration: None, Overline, Underline or Line Through.


NB! These settings will apply to all the links on your website. You can also edit each links separately.




Buttons styles

You can set the styles of your buttons, under SettingsDefault styles ButtonsYou can edit:

  • Border Radius & width
  • Text color
  • Background color
  • Line height and letter spacing
  • Font, font size, font weight and font style
  • Alignment of the text
  • Decoration
  • Uppercase / Lowercase


 These settings will apply to all the buttons on your site. You can also edit each button separately.




Add custom CSS

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


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