Table of Contents
Portfoliobox allows you to efficiently manage the look and feel of your entire website using Global Styles, Section Styles, and Element-specific Styles. Here’s how each feature works to help you create a consistent design across all devices.
Global Styles
Global Styles apply styling changes to your entire website, ensuring a unified appearance across all pages and elements. If you want to make a large-scale change, like updating your website’s font or color scheme, you can do so from the Global Styles settings without editing each element individually.
-
Desktop Global Styles: These styling options affect how your website looks on desktop screens. For example, if you want to change the font color site-wide, this can be done in the Desktop Global Styles.
-
Mobile Global Styles: Adjust styles specifically for mobile devices. This allows you to fine-tune your website’s look to ensure a responsive and visually appealing mobile experience.
Section Styles
Section Styles let you customise the appearance of specific sections on your website.
-
Desktop Section Styles: Apply styles to particular sections when viewed on desktop devices, such as adjusting background colors or font sizes for better readability.
-
Mobile Section Styles: Customize section appearance for mobile users, ensuring that layout remains responsive and user-friendly.
Read more about Section Styles
Element Styles
- Element-Specific Styles: Element-specific Styles allow you to modify the look of individual elements on your site, such as text, images, or buttons.
- Element Global Styles: These settings ensure that certain elements (like all buttons or headers) share the same style across the website. For example, if you want all buttons to have the same color and size, you can set this under "Style all elements of the same type across your website".
Read more about Element Styles
