Design, layouts and shortcodes

Change website Style Settings

Style Settings controls the shared appearance of your public website. It lets pages and components stay consistent without styling each one separately.

Change the site-wide design

  1. Open Settings > Style Settings.
  2. Use the live preview while adjusting the settings.
  3. Set the page, panel, accent, contrast, border, text and link colours.
  4. Set body text and individual heading fonts, sizes, weights and alignment.
  5. Configure the normal and hover appearance of buttons.
  6. Use Sale Labels to set the sale prefix, background and text colours, and pill shape used by shop cards and product pages.
  7. Select Save Style Settings, then check several public pages on desktop and mobile.

The accent and contrast sections each have their own text-and-elements colour. Use combinations with enough contrast to keep text and controls readable.

Set shortcode defaults

The Shortcode Defaults section controls shortcodes that do not specify their own value:

  • outer margin, inner padding, section spacing and layout gaps;
  • text and layout alignment;
  • card, panel, feature and image-card surface style;
  • component and media corner radius.

An explicit shortcode option overrides the default. Nested components normally inherit their surrounding surface so accent backgrounds are not unnecessarily repeated.

Choose card and image transitions

Open Settings > Default Content Layout, then find Cards and featured content > Transitions. Choose one optional effect for cards and images as they enter the visible part of the page, and another for pointer hover. Items farther down wait until the visitor scrolls them into view, and each entrance effect runs only once.

  • Load: None, Fade in, Rise in or Soft zoom in.
  • Hover: None, Zoom image, Lift card or Soften image.

Use subtle motion consistently rather than combining strong effects across every page. Nune automatically removes these transitions for visitors whose device has Reduce Motion enabled.

Reset or use custom CSS

Use theme default resets one setting group. Reset Style Settings restores colours, fonts and shortcode defaults for the active theme; it deliberately keeps the Custom CSS field.

Custom CSS is intended for advanced changes and can override normal settings. If a saved option appears ineffective, check Custom CSS before adding more rules.