Customizing Scholastica Journal Website

Scholastica journal websites are the easiest way to distribute your scholarly articles in a beautiful and professional online publication.

If you want a striking, modern website that is customizable and can be maintained and edited without requiring technical expertise, you can learn more about creating a Scholastica journal website here.


You can truly make your journal website ‘your own’ by matching your website to your branding, colors, and images. 

To customize and edit your journal website, login to Scholastica and navigate to  My Journals >  Publishing >  Publishing Settings and then click ”Edit” on the option “Customize journal website”.

Editing your homepage

We’ve all heard it before — first impressions are everything. Start your readers’ experiences off with a bang by creating a beautiful homepage.

To edit the header on your homepage, you’ll navigate to “My Journals” > Publishing > Publishing Settings and then click “Edit” on the option “Customize journal website”. 

Click “Edit website” to open the editor side panel. Then, click Homepage from the menu and finally choose Header to open the configuration menu and make changes to the header. 

Customization options for different header sizes

  • Small : Able to customize background color, add a logo, and choose between serif and sans serif font.
  • Medium : Able to customize background color, add a subtitle, add a logo, choose between serif and sans serif font, and change the alignment of the logo and subtitle from left-aligned to center-aligned
  • Large : Able to use a background image instead of only selecting a color, add a subtitle, add a logo, change the alignment of the logo and subtitle from left-aligned to center-aligned, and choose between serif and sans serif font. The header on your homepage can be set to a small, medium, or large size. 
    • Note: Please do not use a banner image with text/logos, etc. Your journal's name will appear over that banner image, making it difficult to read the text. Additionally, your webpages on Scholastica are responsive so they can adapt to different screen sizes (like mobile devices). Accordingly, the image you select will line up differently on different screen sizes.

Add subtitle

To add an engaging subtitle that will give your readers a sense of your journal just follow these steps:

  • Click “Edit website” to open the editor side panel and select homepage
  • Click ‘header’
  • Select either the medium or large header
  • Toggle the subtitle option ‘on’
  • Click the subtitle text field below the title and type in your subtitle
  • Click Save when finished to lock your changes in place

Keep your journal’s branding consistent by adding your logo or journal cover to your new Scholastica journal website.

  • Click “Edit website” to open the editor side panel and select homepage
  • Click header
  • Toggle the logo option ‘on’
  • Click the file upload icon next to 'Logo image' to select your file from your computer
    • Note, if you have previously saved a logo it will appear as a thumbnail next to “Logo image”. To update the current logo, click on the logo thumbnail to choose a new file
  • Click Save when finished to lock your changes in place

Customize header background

Scholastica journal website templates give you the ability to adjust your website header and color scheme to make it your own. To change your website’s background color, just select a valid hex code for the color you want. You can find tons of hex codes online, like at Flat UI Color Picker or HTML Color Picker. Your journal website template will automatically adjust the color of the text on the page to complement your chosen background.

To change the background color of your header:

  • Click “Edit website” to open the editor side panel and select homepage
  • Click Header
  • Select either the Small or Medium header
  • Click the colored dot next to color
  • Enter your hexcode or select from our color picker
  • Click Confirm to confirm the color
  • Click Save when finished to lock your changes in placeTo use an image for the background of your header:

When you select the largest header size you’ll be prompted to select a dynamic image to draw the eye of visitors to your website.

  • Click “Edit website” to open the editor side panel and select homepage
  • Click Header
  • Select the Large header size
  • Click the image thumbnail next to “Image” to upload a file from your computer or to search for an image from our image library 
  • Click Confirm to confirm your choice of image
  • Click Save when finished to lock your changes in place

Navigation

Complete the look of your journal website by selecting an attractive color for the navigation bar. To change your navigation bar's background color, just select a valid hex code for the color you want. You can find tons of hex codes online, like at  Flat UI Color Picker or  HTML Color Picker. The color of the text on the navigation bar will automatically change to complement your chosen color.

To change the color of your navigation bar:

  • Click “Edit website” to open the editor side panel and select homepage
  • Click Navigation
  • Click the circle next to 'color' 
  • Enter your hexcode or select from our color picker
  • Click Confirm to confirm the color
  • Click Save when finished to lock your changes in place

Editing other pages

Beyond the homepage, you can also customize your For Authors, Editorial, and About the journal pages in appearance and content.

Edit banner

To edit the banner of your journal’s informational pages:

  • Go to the journal website editor
  • Click “Edit website” to open the editor side panel and select the page you'd like to edit
  • Click Banner
  • Select a “Color” or “Image” banner style
  • If you choose “Color”: 
    • Click the circle next to “Color” and enter your hexcode or select from the color picker
    • Click Confirm to confirm your choice of image
  • If you choose “Image”:
    • Click the image thumbnail next to “Image” to upload a file from your computer or search for an image in our image library
    • Click Confirm to confirm your choice of image

    Click Save when finished to lock your changes in place

Edit text

To edit the content and text of your journal’s informational pages:

  • Go to the journal website editor
  • Click “Edit website” to open the editor side panel and select the page you'd like to edit
  • Click the text on the lower half of the page to edit the text
  • Make your changes by typing directly into the text box. Click here to learn more about formatting your text.
  • Click anywhere on the screen outside of the text box to view your text with its formatting
  • Click ‘Save’ when finished to lock your changes in place

Gif of what it looks like to use the text editor

Custom domain

Direct your readers to your content with a custom domain name, like www.example-journal-name.com that represents your publication. Learn more about setting up a custom domain for your journal website on Scholastica.

Publishing

If you want to learn more about publishing articles and other content on your journal website, please check out our guide to publishing on Scholastica.

Looking forward to seeing your beautiful journal website on Scholastica! Please reach out to support@scholasticahq.com with any questions, comments, or concerns.