Knowledge
Base

In depth guide to everything on Panopedia

Other General Page Elements


Besides the general Title tags, page background and body texts, you are able to customise other miscellaneous elements like Secondary Titles and Buttons.

To customise the other page elements, log in and navigate to Showcase Options Miscellaneous, or https://panopedia.com/account/showcase/options?c=Misc.

Customising the Secondary Titles

The secondary titles are texts appear above the main page or section titles. There are seven options here for you:

  1. Font Size - the font size is the vertical height of the characters in pixels
  2. Font Weight - the thickness of the font, do note the weights are dependent on the font family and some may not have any change
  3. Letter Spacing - the spacing in pixels between each individual characters
  4. Font Colour - this sets the colour of the secondary title
  5. Text Transform - sets whether the secondary title will be in all uppercase, lowercase, etc.
  6. Margin Top - the amount of spacing between the secondary title, and the element before it
  7. Margin Bottom - the amount of spacing between the secondary title, and the element after it

Customising the Buttons

Buttons are eye catching links that will appear throughout your site.

Here you will be able to manage the colours, the text and the spacing within. There are four options on the colour and shape of the button:

  1. Background Colour - the primary colour of the button
  2. Hover Colour - the colour the button will morph into when the viewer's cursor is hovering over it
  3. Focus Colour - the colour the button will morph into when the button is being clicked
  4. Border Radius - the roundness (radius) of the corners of the button, in pixels

You may also customise the text, and there are five options here:

  1. Font Size - the font size is the vertical height of the characters in pixels
  2. Font Weight - the thickness of the font, do note the weights are dependent on the font family and some may not have any change
  3. Letter Spacing - the spacing in pixels between each individual characters
  4. Font Colour - this sets the colour of the button text
  5. Text Transform - sets whether the button text will be in all uppercase, lowercase, etc.

Padding is the amount of space between the text and the edges of the button. You may customise the amount of all the four directions here:

  1. Padding Top - the spacing between the text and the top edge of the button
  2. Padding Bottom - the spacing between the text and the bottom edge of the button
  3. Padding Left - the spacing between the text and the left edge of the button
  4. Padding Right - the spacing between the text and the right edge of the button