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”.

Once you’re on the journal website editor, you’ll click “header” to make changes to the header.

Image showing the 'header' option in the leftmost menu

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.
Animated gif showing toggling between different header sizes
The header on your homepage can be set to a small, medium, or large size.

Add subtitle

To add an engaging subtitle that will give your readers a sense of your journal just follow these steps:
  • Go to the journal website editor and select to edit the ‘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.
  • Go to the journal website editor and select to edit the ‘homepage’
  • Click ‘header’
  • Toggle the logo option ‘on’
  • Click ‘Upload logo’ and select your file from your computer
  • 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:

  • Go to the journal website editor and select to edit the ‘homepage’
  • Click Header
  • Select either the Small or Medium header
  • Click “Background color”
  • Enter your hexcode in the field on the right or select from our color picker on the left
  • Click Confirm to confirm the color
  • Click Save when finished to lock your changes in place
Animated gif showing how to change header color on homepage

To 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.
  • Go to the journal website editor and select to edit the ‘homepage’
  • Click Header
  • Select the Large header
  • Click “Background image”
  • Click Attach file and select your image from your computer
  • Click Confirm to confirm your choice of image
  • Click Save when finished to lock your changes in place
Animated gif showing how to set and change the background image of the header 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:
  • Go to the journal website editor and select to edit the ‘homepage’
  • Click Navigation
  • Click “Background color”
  • Enter your hexcode in the field on the right or select from our color picker on the left
  • Click Confirm to confirm the color
  • Click Save when finished to lock your changes in place
Animated gif showing how to edit navigation bar color

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 the ‘Select Page’ dropdown and choose the page you’d like to edit
  • Click ‘Banner’
  • Toggle to use either a background image or a background color
    • If using background image, click “Background image” > “attach file”, select your file and click ‘Confirm'
    • If using background color, click “Background color”, enter your hexcode in the field on the right or select from our color picker on the left and click ‘Confirm’
  • 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 the ‘Select Page’ dropdown and choose 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.

 
 
 
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us