Skip to main content

CodeSyte

WordPress Typography Harmonisation for a Combat Sports Club — Malta Fight Co Case Study

WordPress Typography Harmonisation for a Combat Sports Club — Malta Fight Co Case Study
Published June 7, 2026
Author tallhakhan
Category Digital Insights
Read Time 9 min read
Article

You built a WordPress website over time, adding pages as the business grew. Now every page looks slightly different — fonts change without reason, headings are inconsistent, spacing varies between sections, and the site no longer feels like a single brand. That is one of the most common problems on established WordPress sites, and it is exactly what Malta Fight Co. in Malta came to CodeSyte to fix. This case study covers how we harmonised typography and design across their entire WordPress Elementor site, built a dedicated Open Weekend event page with a class timetable and booking links, and set up a structured blog system — all delivered within tight deadlines for a total of $305.

The Client and the Problem

Who They Were

Malta Fight Co. (maltafightco.com) is a combat sports gym and fitness club based in Malta, offering boxing, kickboxing, MMA, kids and youth programs, and fitness classes across multiple locations including a new partnership site at BGM Marsa. The website had been built and expanded over time using WordPress with the Hello Theme and Elementor, and had accumulated the classic inconsistency problems that come with ongoing site management without a centralised design system — different heading styles on different pages, inconsistent body text fonts, spacing variations between sections, and footer elements out of alignment.

What Was Not Working

The site had strong content and real brand energy but inconsistent execution across its 15+ pages. Specific issues identified included font hierarchy inconsistencies across all menu pages, the body font varying between pages without a consistent standard, the navigation menu font not matching the site's primary typeface (Sydney), the "What They Say" testimonials section on the homepage using a different font treatment to the rest of the site, and the footer showing app download buttons in the wrong position relative to the social media icons.

Jay's goal was clear and practical: he did not want a full rebuild — the budget and timing did not allow for it. He wanted the site standardised, cleaned up, and made visually consistent so it felt like a single professional brand rather than a collection of individual pages added at different times. This is one of the most valuable services I offer — taking an existing WordPress site and bringing it to a consistent standard without rebuilding unnecessarily. It is core to my WordPress Elementor refinement and design consistency services at CodeSyte.

What I Proposed

Phase 1 — Typography Harmonisation: $120 Fixed, 4 Days

The first engagement covered harmonising all 15 menu pages, applying consistent font styling to the Kids and Youth page, ensuring the main navigation appeared with the Sydney font on all pages, applying the same font treatment to the testimonials section on the homepage, and adjusting the footer layout so app download buttons sat beneath the social icons rather than beside them. A 48-hour delivery was agreed with a bonus offered by the client for on-time completion.

The font system agreed was Sydney for all headings and subheadings, and Bahnschrift (Bahnschrift Semibold Semicondensed specifically) for body text across the site — a clean, modern pairing that suited the brand's athletic identity. Applying this consistently across 15 pages using Elementor's Global Styles and overriding any conflicting inline styles required a methodical page-by-page approach rather than a simple theme-level change.

Phase 2 — Open Weekend Event Page and Blog System: $185 Fixed

After the harmonisation was completed, Jay returned with two new requirements: a time-sensitive Open Weekend event page needed to be live before the coming weekend, and a structured blog section was needed for SEO and partnership announcement articles. The second engagement was agreed at $185 covering the event page, timetable, booking links, blog section setup, and blog post template design.

The Build Process

Global Typography Standardisation

The harmonisation work was done at two levels: Elementor Global Styles for site-wide defaults, and individual page overrides where inline styles or widget-level settings were conflicting with the global values. Working through 15 pages systematically, every heading, body text block, button, form, and navigation element was checked against the agreed font system and corrected where it deviated.

The navigation menu font was updated to Sydney across all pages. The testimonials section on the homepage was restyled to match the body font treatment applied elsewhere. The footer was restructured to place the App Store and Google Play Store buttons beneath the social media icon row rather than in a misaligned side-by-side arrangement. All spacing inconsistencies between sections were normalised. This kind of systematic design cleanup is what I cover in my WordPress Elementor design and layout services at CodeSyte.

Open Weekend Event Page — Built Overnight

The Open Weekend page was the most time-sensitive piece of work in the project. Jay needed a dedicated page for the Malta Fight Co. Open Weekend on 10th and 11th January 2026, with a hero image, details on gym deals, games, and free 30-minute taster classes, and a full Saturday and Sunday class timetable with Book Now buttons linking to individual booking URLs.

Jay had started the page and provided the booking links via a Google Sheet. The hero image was provided via Canva. The timetable was built showing approximately seven classes per day across Saturday and Sunday, each with its own Book Now button linked to the corresponding booking URL from the spreadsheet. The page was completed and reviewed by the client the following morning — confirming it was ready for the weekend. The page was then removed from the main navigation to keep the menu clean, accessible only via a homepage graphic link.

Blog Section Setup and Template Design

The blog section was set up with a homepage widget showing the top three featured articles, linked to a full blog archive accessible from the Combat Sports navigation section. Three initial articles were created to launch the section — covering Malta Fight Co.'s new partnership location at BGM Marsa, a partnership launch with The Factory, and a new partnership with Block in Gozo. Jay confirmed he would finish the article copy himself before publishing.

A reusable blog post template was designed with the agreed structure: a Sydney font heading section, Bahnschrift body text with Sydney subheadings, a title image placeholder, a mid-article image placeholder, and a call-to-action box at the base with space for promotional text. This template gives Jay and his team a consistent starting point for every new article — no design decisions needed each time, just content. Building reusable content templates is part of how I approach WordPress blog and content system setup at CodeSyte.

The Result

What Was Delivered Across Both Phases

  • Full typography harmonisation across 15 menu pages — Sydney headings, Bahnschrift body text, consistent throughout
  • Navigation menu updated to Sydney font across all pages
  • Testimonials section on homepage restyled to match site font system
  • Footer restructured — app download buttons correctly positioned beneath social icons
  • Open Weekend event page built with hero image, gym deals section, taster class details, and full Saturday and Sunday timetable with individual Book Now buttons
  • Page removed from main navigation per client request
  • Blog section added to homepage with featured articles widget
  • Blog archive linked from Combat Sports navigation section
  • Three initial articles created and structured
  • Reusable blog post template designed with Sydney and Bahnschrift font system

Client Feedback

After completing the harmonisation: "Great job! I'm very happy with the overall work! I'm pleased to confirm that I will be paying the agreed bonus for finishing on time." After the blog section was completed: "Looks great — thanks for sorting this." Jay confirmed continued availability for future work throughout the engagement, including plans to commission article content with two brand partners.

Key Takeaway for Established WordPress Sites

Typography Inconsistency Is a Trust Problem, Not Just a Design Problem

When a website shows different fonts on different pages, visitors subconsciously register it as a lack of professionalism — even if they cannot articulate why. For a combat sports club competing for memberships, the website is often the first impression a prospective member gets. An inconsistent site signals an inconsistent business, regardless of how good the actual coaching is. Standardising typography and spacing across an existing site is one of the highest-return improvements a business can make to an established WordPress site — and it does not require a full rebuild.

Event Pages Need to Be Fast — But They Also Need to Be Clean

The Open Weekend page was built overnight because the event was days away. Speed matters for time-sensitive content. But speed without structure produces pages that look rushed. The timetable was built with consistent row styling, clearly linked Book Now buttons, and a layout that worked on mobile for visitors checking the schedule from their phones. A fast page that also looks professional is achievable — it just requires a developer who can work efficiently under time pressure. This is a core part of how I approach WordPress event and landing page builds at CodeSyte.

Blog Templates Are Worth Building Before You Write the First Article

Jay had content ideas ready and partners lined up for articles, but no consistent structure for how those articles should look. Building the blog template first — before any content was written — means every future article starts from the same design baseline. Heading size, body font, image placement, and CTA position are decided once and inherited by every post. This is far more efficient than styling each article individually, and it produces a blog that feels like a coherent publication rather than a series of one-off posts.

Final Thoughts

The Malta Fight Co. project is a useful example of what ongoing WordPress support looks like for an active, growing business. Two distinct phases of work — a typography cleanup and a content infrastructure build — each addressing a real business need at the right time, delivered on tight timelines, and confirmed by a client who paid a bonus for on-time delivery.

If your WordPress site has accumulated design inconsistencies over time and needs a systematic cleanup — or if you need a time-sensitive event page, a structured blog section, or a reusable content template — that is exactly what I do at CodeSyte. Explore my full WordPress Elementor design, refinement, and content system services here, or get in touch directly and I will review your site before we agree on scope.

Tags
Blog Template WordPress CodeSyte Elementor Global Styles Elementor Harmonisation Elementor Pro Event Page WordPress Font Consistency WordPress Malta Fight Co Sports Website WordPress Talha Khan WordPress Cleanup WordPress Design Consistency WordPress Developer WordPress Elementor Design WordPress Sports Club WordPress Typography

Leave a Reply

Your email address will not be published. Required fields are marked *