Side by side on desktop
The same journal with the same content — only the stylesheet differs.
Drag to compare
Loading…
← All productsBefore — the stock OJS 3.3 Default ThemeAfter — considered layout, typography, and sidebar 
Before — banner cropped and overlappingAfter — full banner, floating menu button
BeforeAfter
BeforeAfter
OJS Restyle Kit 3.3
A single CSS file that reworks the entire look of an OJS 3.3 journal — header, navigation, issue listings, article pages, sidebar, footer, and the mobile view. Uploaded through the admin panel: no plugin, no server access, and removable at any time by deleting the file.
Restyle your OJS journal without touching the server.
This is not a theme plugin — and that is the point
The kit is a CSS file uploaded through the Journal Stylesheet menu. It does not appear in the Theme list, is not installed through the Plugin Gallery, and does not modify a single OJS core file.
No server access
No SSH, FTP, or cPanel needed. A Journal Manager account is enough.
Nothing permanent at risk
OJS core files and the database are never touched.
Undo in seconds
Delete the file from the Journal Stylesheet menu and the site returns to exactly how it was.
No waiting on IT
Every step is done from the journal admin panel by you.
Before and after
Each of these was found by auditing a real OJS 3.3.0.22 installation, not a mockup.
The problem most often overlooked: the mobile view
On phones, the stock OJS 3.3 theme crops the journal banner and overlaps it with the logo, leaving the journal's identity barely legible. Most readers arrive on a phone — and that is the first impression they get.
The kit restores the banner to full width, puts the menu button within easy reach, restacks the sidebar and article columns cleanly, and adjusts type sizes so the page reads comfortably without pinch-zooming.
Drag to compare
The missing right-hand column on article pages
In the stock theme, the cover, PDF download button, publication date, how-to-cite block, and licence information often fail to appear at all. The cause is the theme's clearfix pseudo-elements being counted as grid columns. The kit neutralises them.
Drag to compare
Banner overlapping content on tablet widths
Between 768 and 991 pixels wide, the banner covers the issue title. The kit aligns its layout breakpoint with the theme's actual behaviour.
Issue titles colliding with volume numbers in the archive
The archive becomes a tidy card grid where the title and volume number no longer overlap.
Drag to compare
The unreadable citation-format button
The stock theme gives it a transparent background, leaving white text on white.
Reference lists that make pages enormously long
Turned into a scrollable panel with a soft fade, which opens in full when the page is printed or saved as PDF.
What you get
Five ready-to-upload colours
Each colour is a complete stylesheet. Pick one, upload it, done — not a single line to edit.
WCAG AA contrast, verified
All five palettes meet a minimum 4.5:1 contrast ratio, a readability requirement frequently raised in journal accreditation reviews.
Ready-made sidebar and footer markup
Nine sidebar custom blocks and a three-column footer — just fill in your journal's details.
Roomier search
The search box moves to the sidebar, keeping the navbar compact and giving search the space it needs.
Illustrated PDF guide
Twenty-two pages: step-by-step installation, switching colours, building your own colour, and troubleshooting.
Five optional add-ons
Sticky navbar, system fonts instead of Google Fonts, and more — just uncomment the block.
Works with existing blocks
The sidebar stays tidy even if you keep your old custom block markup; the common legacy pattern is already handled.
Accessibility and print styles
Visible keyboard focus, prefers-reduced-motion support, and a dedicated print layout.
Five ready-to-upload colours
Each colour is a complete CSS file, ready to upload — not a single line needs editing.
#1f4433
Deep Green
A calm deep green. Suits agriculture, environment, public health, and social science journals.
Two options
Free
Free
Direct download, no sign-up.
One colour — enough to prove the result on your own journal.
Included
- Deep Green stylesheet
- Short installation instructions
- Use on as many of your own journals as you like
Not included
- The other four colours
- Illustrated PDF guide
- Footer and sidebar markup
- The refined search layout
- Optional add-ons
- Support
Recommended
Full Package
IDR 149,000
One purchase covers one journal.
Five ready-to-upload colours, the full guide, and all supporting markup.
Included
- Five ready-to-upload colour files
- 22-page illustrated PDF guide
- Three-column footer markup
- Nine sidebar custom block templates
- The refined search layout
- Five optional add-ons
- Guide to building your own colour
- Installation support
Requirements
- OJS version
- 3.3.x — tested on 3.3.0.20
- Active theme
- The stock Default Theme
- Access
- Journal Manager account
- Browser
- Recent Chrome, Firefox, Safari, or Edge
Questions and answers
How is this different from an OJS theme?
A theme is a PHP plugin installed through the Plugin Gallery that appears in the Theme list. This kit is a CSS file uploaded through the Journal Stylesheet menu, which is why it needs no server access and never touches OJS core files.
Does it work on OJS 3.4 or 3.2?
The kit is built and tested for OJS 3.3.x with the Default Theme. On other versions some rules will not find their targets, because the underlying markup differs.
What if I don't like the result?
Delete the file from the Journal Stylesheet menu and the site reverts instantly, leaving nothing behind. That is also why the guide asks you to back up your existing stylesheet first.
Can I use it on a client's journal?
Yes, on the basis of one purchase per client journal. Publishers running many journals can arrange a separate licence.
Can I use my institution's official colours?
Yes. The guide has a dedicated chapter on editing the design tokens, including the two values people most often miss and how to keep the result within WCAG AA.
Do I need to know how to code?
No. Using one of the five supplied colours means uploading a single file. CSS knowledge is only needed if you want to mix your own colour.
Why did the search box disappear from the navbar?
That is deliberate. Search moves to the sidebar so the navbar stays compact and the search field gets far more room. You therefore need to add one search block to the sidebar; the guide covers it. If you prefer the original arrangement, a snippet is included to put search back in the navbar.
Do I get a payment receipt?
Yes. Polar acts as the merchant of record and issues a tax-correct PDF invoice for every paid order. You can download it yourself from the link in your order confirmation email.
Which payment methods are accepted?
Credit and debit cards, as well as Apple Pay and Google Pay, which are themselves backed by a card. QRIS, bank transfer, and virtual accounts are not available. Apabila lembaga Anda harus membayar melalui transfer, silakan hubungi saya untuk pengaturan tersendiri.