Skip to main content

Global Settings

Back to Top

Checking the Enable box in the Back to Top section, will enable a button to appear in the bottom right corner of the website with an upward pointing arrow.  Users can click this button to be automatically taken to the top of the webpage.

Be sure to click Save at the bottom of the style editor to save any configuration changes.

Block Content

Block content refers to any content that can be placed onto a landing page. This includes Callouts, Custom Blocks, Feeds, Resource Flows, Sliders, Topics, etc.  From here, administrators can configure the layout, colors and border appearance.

  • Layout - choose from one of the 4 layout options by clicking the radio button beside the desired layout
  • Colors and Borders
    • Control the colors used in the block content by clicking the color preview circle to enter the HEX or RGB code, or use the color selector to choose the color for: title font, title border, title background, content border, and content background
    • Enter a value for the Content Border Thickness as needed, and select the Content Border appearance from the options pictured below

Be sure to click Save at the bottom of the style editor to save any configuration changes.

Fonts and Colors

  • Google Fonts - you can access a library of free google fonts to replace the default Stacks font if desired. 
    • Click Enable, to change the font to a google font
    • Font Family - select from the list of all available fonts that can be used without requiring a license, a gallery of the available fonts by visiting https://fonts.google.com. Please note, Stacks does not have control over which fonts appear in this list
    • Font Weight - select the most appropriate weight for the font, noting:
      • 300 is generally referred to as Light
      • 400 is generally referred to as Normal
      • 500 is generally referred to as Medium
      • 600 is generally referred to as Semi Bold
      • 700 is generally referred to as Bold
      • 800 is generally referred to as Extra Bold
    • Font Size - if needed, adjust the font sizes based on a percentage of their default value. For example, if you select 80, all fonts will be reduced to 80% of their default sizes
  • Body Background - A background image can be placed directly behind the main content area of your site by uploading a custom image or using a free image from pexels. Follow the instructions below based on your desired option:
    • To upload an image
      1. Click Upload Image
      2. Check Enable Upload Background
      3. Click Choose File
        1. Browse to and select the desired image file
    • To choose from the image gallery
      1. Click Image Gallery
      2. Check Enable Image Gallery
      3. Photo Credits Color - click the color preview icon to either enter the HEX or RGB color code, or use the selector to choose the color
      4. Click Select Image
        1. Enter a search term to query pixels.com; once found select your desired image
  • Colors - click the color preview circle to enter the HEX or RGB code, or use the color selector to choose the color for: Body Font, Body Link, Main Content Background, and Body Background
    • Note, the body font and link colors apply to all body and description text that do not have independent color settings. Whereas the main content background will appear behind all content in the middle (main content area) of your page
Set the color with transparency to overlay on top of a background image for a defused look.

Be sure to click Save at the bottom of the style editor to save any configuration changes.

EBSCO Auth Banner

  • Colors - click the color preview circle to enter the HEX or RGB code, or use the color selector to choose the colors for the banner and font

Be sure to click Save at the bottom of the style editor to save any configuration changes.

Global Button

The Global button settings control the appearance and how search results buttons (ie. Read More, Read Online, etc.) will be displayed. 

  • Style - choose from the following options
    • Button – buttons will appear in a button format 
    • Link – buttons will appear in a hyperlink format, with the button labels appearing as simple link text
    • Link w/ bracket – buttons will appear in a hyperlink format, with the button labels appearing as links contained inside square brackets
  • Colors - click the color preview circle to enter the HEX or RGB code, or use the color selector to choose the colors for: background, background hover, font, font hover, border, and border color
  • Border
    • Border Width - enter a value to date border width
    • Border Radius - enter a value to soften the default hard 90 degree corners, the higher the number the softer and more curved the corner

Outbound Links

When the Enable box is checked, this will place an icon next to URLs that direct users to any external websites. This helps users identify if they are leaving the Stacks site and navigating elsewhere.

Be sure to click Save at the bottom of the style editor to save any configuration changes.

Page Loader

When the Enable box is checked, this will display an image on page load. By default, this image is an EBSCO “E” logo, but it can be replaced with an image of your choice, to change the image

  1. Ensure the Enable box is checked
  2. Click Choose File
  3. Browse to and select the the image file on your device
    1. Supported file types include: .svg, .gif, .png, .jpg, .jpeg
  4. Select the delay (in seconds) for how long the image will appear before fading out

Be sure to click Save at the bottom of the style editor to save any configuration changes.

Rounded Corner

When the Enable box is checked, and the Border Radius is set to a value above 0, elements including the main search bar, buttons, borders, and content blocks, will be displayed with softer corners. The higher the border-radius value is set, the more pronounced the rounded edges appear up to a maximum of 50px. 

Be sure to click Save at the bottom of the style editor to save any configuration changes.

CSS Override

This is used to add Custom CSS to the Stacks site. By checking the Enable box and coping any code, this will override the default theme configuration. Be sure to click Save at the bottom of the style editor to save any configuration changes.

Page Title

This is used to add Custom CSS to the Stacks site. By checking the Enable box and coping any code, this will override the default theme configuration. Be sure to click Save at the bottom of the style editor to save any configuration changes.

  • Layout - select from one of the 4 layout options, by clicking the radio button beside the desired layout
  • Colors and Borders - click the color preview circle to enter the HEX or RGB color code, or select the color that will appear for
    • Font Color - this is the color of the page title
    • Border Color - this is the color of the border, visible only when layout 3 or 4 has been selected

Be sure to click Save at the bottom of the style editor to save any configuration changes.

Was this article helpful?
0 out of 0 found this helpful
Return to top