YOOtheme Craft - Joomla Template
YOOtheme Craft is a versatile and visually stunning Joomla template designed to meet the needs of creative professionals. This template incorporates a clean and modern design, making it suitable for various websites such as portfolios, blogs, and online shops. Its responsive layout ensures that your content will look great on all devices, providing an optimal user experience. With its powerful and user-friendly features, this template offers a seamless customization process, allowing you to create a unique and captivating online presence.
Template Description
This template brings an array of features that make it stand out from the competition. The built-in website builder empowers users to create their own layouts effortlessly. The drag-and-drop functionality enables you to rearrange elements, personalize colors and typography, and add captivating effects. The template also includes a selection of pre-designed content blocks, making it easier to create visually appealing pages.
The template offers an impressive collection of customizable elements that allow you to create a captivating website. The extensive selection of pre-styled sections, such as headers, footers, and testimonials, saves time and effort without compromising design quality. You can easily integrate videos, image galleries, and sliders to showcase your work or products effectively. The template also supports a vast range of typography options, ensuring that your content is visually engaging and easy to read.
This Joomla template provides seamless integration with popular third-party extensions, expanding the functionality and versatility of your website. Whether you need to implement a blog, an e-commerce platform, or a forum, this template allows for effortless integration, ensuring a smooth user experience for your visitors. The templates compatibility with Joomlas extensive range of extensions ensures that you have access to the latest and most powerful tools to enhance your websites functionality.
YOOtheme Craft is optimized for speed and performance, ensuring that your website loads quickly and provides a smooth browsing experience. Its clean and well-structured code contributes to its fast loading times, which not only enhances user satisfaction but also has a positive impact on search engine rankings. Additionally, this template is optimized for search engine visibility, making it easier for your website to rank higher in search engine results and attract more organic traffic.
With its comprehensive documentation and dedicated support team, Craft ensures that you have the resources you need to create and maintain a successful website. This template incorporates a user-friendly interface, making it accessible to both beginners and experienced developers. Whether you have technical questions or require assistance with customization, the support team is readily available to provide guidance and address any concerns.
In conclusion, the YOOtheme Craft template for Joomla is a powerful and visually stunning solution for creative professionals. Offering a wide range of customizable features, seamless integration with third-party extensions, and optimized performance, this template empowers you to create a captivating online presence. With its user-friendly interface and dedicated support team, you can confidently build and maintain a successful website that caters to your specific needs.
Template Features:
- Actual and secure code, the latest versions of PHP and MySQL.
- Support compression of JavaScript and CSS to speed up website.
- Compliance with standards W3C XHTML 1.0 Transitional and W3C CSS Valid.
- Layout template contains 60+ positions for the location of the modules and 4 color suffix.
- The theme includes 6 color schemes a web-site.
- The ability to change the background image for the main color themes, template parameters.
- Advanced typography for a custom design content.
- Has support for Google fonts and RTL/LTR languages.
- Several types of menus, Mega Menu, Dropline Menu, CSS Menu, with smooth animation effects.
- Includes support for CCK component of content management K2 and powerful designer catalogues ZOO, as well as an integrated component WidgetKit 2 and other popular extensions.
- Demo package QuickStart with support version of CMS Joomla! 6.x.
General Features:
Pro Framework
The template is based on a simple-to-use Pro Framework. A rich set of tools for flexible configuration by Joomla Websites!
Responsive Design
Responsive template design offers maximum flexibility to adapt a website for mobile devices with different screen resolutions.
HTML5 & CSS3
Modern web technologies offer a rich set of features and benefits. The template is designed using HTML5, CSS3, LESS, JQuery, Bootstrap 3.
Quick Start
Get started in minutes using the installation template with pre-configured extensions styles and demo content.
Cross-Browser
The ability to display the site with the same degree of readability in all browsers, such as Firefox, Safari, Chrome, Opera, Yandex Browser and Internet Explorer 10+.
SEO optimization
Template is fully optimized for SEO, which ensures seamless index and the presence of your website in search engines.
Guide to Setting Up and Using YOOtheme Craft for Joomla
YOOtheme Craft is a Joomla template from the YOOtheme Pro ecosystem, and it works best when you treat it not as a standard "skin," but as a ready-made set of pages, styles, images, and site-building rules. In this guide, we'll look at how to approach installation safely, which settings to check right after launch, how to adapt the homepage for a workshop, interior studio, or small portfolio catalog, and how to preserve Joomla's core logic: menus, modules, positions, template styles, and access permissions.
The product page usually already explains that Craft belongs to the home and living category and is suitable for craft, furniture, and interior projects. What matters more here is something else: how to turn a polished demo into a working website where text, services, portfolio items, materials, and contact details do not fall apart after the first round of edits. That is why this guide is structured as a practical walkthrough rather than a promotional overview.
We'll also pay special attention to YOOtheme Pro Builder. It is the part responsible for ready-made layouts, sections, elements, styling, modules, and linking the final result to Joomla pages. Once you understand that connection, configuring YOOtheme Craft becomes predictable: you are not changing a "storefront image," but specific layout areas that can then be checked on the live site.
What Craft Is Built For and Where It Works Best
Craft's main purpose is to help you quickly build a visually cohesive website for a workshop, studio, furniture maker, interior team, renovation crew, or similar business where project photography, material textures, portfolio work, and clear service navigation matter. According to YOOtheme's official page, the package includes ready-made page layouts, style variations, and curated images, and the demo is available as a full Joomla installation with YOOtheme Pro and demo content. In practice, that means the template works especially well in two scenarios: starting a new site from the demo package or transferring selected layouts and styles into an existing project.
Craft has a recognizable visual logic: a large hero scene, bold uppercase typography, generous whitespace, service cards layered over photography, materials blocks, portfolio sections, and contact areas. That structure works well for businesses where visitors first evaluate the style and quality of the work and only then move on to an inquiry. If the site needs to sell not a "product in a cart," but trust in the team, its portfolio, and its process, Craft gives you a strong starting point.
At the same time, Craft is not a separate Joomla component with its own business logic. It runs through YOOtheme Pro: pages are assembled in Page Builder, repeatable page types can be handled through Templates, navigation is managed through Joomla Menus and YOOtheme Pro menu panels, and modules are displayed in template positions or through the Position element. So the key skill for a site owner is understanding where demo content ends and Joomla's manageable structure begins.
What the Sources Confirm
According to the official product page, Craft is a Joomla Template for Home & Living Websites, built on the YOOtheme Pro page builder, and includes 12 ready-to-use page layouts, 6 customizable style variations, and 37 curated images. The same page also notes that the demo website documentation for Joomla describes Post Fields, including the custom field Image Text Color for controlling text color over image backgrounds. That is not a minor detail: a field like this lets you define heading color as part of the content itself when a card image is dark or light, rather than trying to remember it manually.
YOOtheme Pro documentation fills in the rest. It shows that the Customizer brings theme settings, styles, and page layouts together in one interface, while live preview lets you see changes before publishing. Page Builder works with Sections, Rows, Columns, and Elements. The Modules panel is integrated with Joomla Module Manager, and Template Styles can be duplicated and assigned to menu items. That is the working foundation for configuring Craft.
When the Template May Be More Than You Need
Craft is not the best fit for a minimal text-based blog with little visual emphasis, a complex eCommerce store with a large catalog, an industry portal with many roles and permissions, or a project where editors must not work in a visual builder at all. In cases like that, it is better to choose a more specialized template or define the content structure first and only then select the visual layer.
Photography matters especially with Craft. If a company does not have its own project photos, quality process shots, material imagery, or finished work, the demo will look convincing only right after installation. Once those images are replaced with random photos, the rhythm of the sections can fall apart. Before rollout, it is worth preparing at least a set for the hero area, services, portfolio, and materials block.
Who This Template Fits and When Another Approach Makes More Sense
Craft works well for a site owner or webmaster who wants to start not from an empty grid, but from an already thought-out visual scenario. It is especially well suited for websites where the homepage should guide a visitor from first impression to services, materials, portfolio, team story, and contact. If the business sells custom work rather than a standard product listing, that path feels natural.
Inside Joomla, this usually looks like this: several permanent pages are built as individual page layouts, portfolio entries or news items may use templates, the menu connects the main sections, and modules display contact details, social links, the language switcher, an extra menu, or content blocks above and below the main content. Craft provides the visual layer, while Joomla preserves the familiar content system.
| Situation | Why Craft Is or Is Not a Good Fit | What to Check Before Implementation |
|---|---|---|
| Woodworking or furniture workshop | The demo is already built around handmade work, services, materials, and portfolio. | Whether you have photos of projects, materials, and process shots in a consistent style. |
| Interior studio or renovation team | Service and portfolio sections are easy to adapt for projects, stages, and consultations. | Whether you need more case pages than the starter layout set provides. |
| Content-driven blog without a strong visual component | The template may be excessive because its strength is in visual sections. | Whether you actually need page builder layouts or if a standard Joomla template is enough. |
| Large catalog with filters and ordering | Craft by itself does not replace a catalog component, cart, or filtering system. | Which extensions will handle the catalog and how well they work with YOOtheme Pro. |
The practical takeaway is simple: Craft is worth choosing when design and the story behind the work are part of the sale. If the site is primarily about complex functionality, the template should come after the component stack is chosen, not before.
What to Check Before Installation
Preparing for Craft does not start with the install button. First, you need to understand exactly which archive you have. YOOtheme Pro documentation distinguishes between a standard theme package and a Joomla demo package. A theme package is installed into an existing site as a template. A demo package is a full Joomla installation with YOOtheme Pro and demo content, and it cannot simply be uploaded into an already running site as a normal template. That is one of the most common points of confusion for people new to YOOtheme Pro.
Check the Archive Type
If you are working on a clean project and want to study how everything is put together, the demo package is useful because it shows the finished layouts, images, menus, and structure. If the site already exists, it is safer to install the YOOtheme Pro theme package and then load the layouts you need through the library or recreate the structure manually. Before doing anything, make a full backup of the site and database, especially if the project is not just a test environment.
Check Permissions and Server Resources
The installation issues documentation notes that setup problems are often tied to limited PHP resources: post_max_size, upload_max_filesize, max_execution_time, and memory_limit. That matters for Craft because a package with demo content and images may be much larger than a small basic template. If an upload fails, check the archive size and server limits first instead of blindly reinstalling Joomla.
Check file permissions as well. YOOtheme recommends the standard 755 for directories and 644 for files. If settings are not saving, styles are not being written, or media uploads fail, the problem may not be Craft at all, but directory permissions. Do not assign overly broad permissions just to "make it work" - it is better to fix file ownership, permissions, and web server access properly.
Customizer Access Permissions
The YOOtheme Pro Customizer is available to users with the Edit Templates permission. The documentation explicitly recommends restricting that access if editors should not be changing site design. On a production project, this is critical: an editor can accidentally change not just one block, but global settings, styles, menus, or layouts. The minimum safe setup is to give editors access to content while leaving the Customizer to an administrator or webmaster.
Before installing on a live site, check three things: the archive type, your backup, and access rights to the YOOtheme Pro Customizer. Those checks save more time than trying to diagnose later why the demo does not match the screenshot.
Installation and First Launch Without Confusing It With the Demo Package
If you are installing Craft on an existing site, use the standard YOOtheme Pro package for Joomla. In the Joomla admin panel, open the extension installer, upload the template archive, and then check Template Styles. After installation, assign the required template style as the default or map it to specific menu items. Do not upload the demo package to an existing site as an extension: it is a different format intended for deploying a new Joomla installation.
Basic Workflow for an Existing Site
- Back up the files and database.
- Make sure the archive is a YOOtheme Pro theme package, not a Joomla demo package.
- Open the Joomla extension installer and upload the template archive.
- Go to template styles and verify that the YOOtheme style appears.
- Open the YOOtheme Pro Customizer through the YOOtheme item in the admin panel.
- Save the settings without major changes, then open the front end and verify that the template is applied to the correct pages.
After installation, do not rush to change every section at once. First check which pages already exist, which menu items are assigned, where modules are published, and which template style is set as default. On an older site, some modules may be placed in positions that the new template does not output the same way the old one did. That is normal: you need to map the old positions to YOOtheme Pro positions.
If You Are Starting From a Clean Site
For a new project, the demo package is useful as a learning environment. It shows how Craft connects the homepage, services, portfolio, about, contact, index, post, and legal pages. In that environment, it is easy to study the structure and understand which elements you want to keep and which are better removed. But even on a clean start, do not edit the demo without a plan. First list the future sections of the site, then decide which demo layouts actually match them.
Initial Post-Install Check
Open the homepage, one internal page, a materials or portfolio page, and the contact page. Make sure the header, menu, footer, images, and typography look consistent. Then open the Customizer and confirm that the live preview shows the same page you are editing. If the preview does not match the expected menu item, check the template style assignment and the active menu item.
The short version of this stage: the template should be installed, the Customizer should open, the correct template style should apply to the correct menu items, and the front end should at least show the basic structure without white screens or missing modules.
Visual Setup: Styles, Header, Typography, and Images
Craft ships with six style variations. The official page lists Default, White Green, White Orange, White Dove, Light Beige, and Black Beige. These options should not be treated as simple "color toys." A style variation sets the starting mood of the site: light interior-focused, warmer handcrafted, high-contrast dark, or neutral catalog-like. First choose the option that fits the photography and brand best, and only then start changing individual colors.
In the Style Customizer, you can change colors, fonts, spacing, and UIkit components. The documentation emphasizes that YOOtheme Pro styles UIkit classes, so changing the global style affects buttons, cards, typography, and other elements. This is especially noticeable in Craft: large headings, service cards, and buttons should preserve a shared character. If you change the font, accent color, and sizing all at once, it is easy to end up with a site that no longer feels like Craft.
A Safe Order for Style Configuration
- Choose the closest style variation and save it as the base.
- Check the hero, service cards, materials block, portfolio, and footer on a single page.
- Adjust the logo and header without immediately changing the dropdown, mobile header, and dialog.
- Choose an accent color for links, buttons, and small decorative elements.
- Check the readability of white and dark text over photographs.
- Save the settings and open the page in a normal browser, not only in preview.
Header and Navigation
In the Craft demo, the header looks minimalist: lots of breathing room, a compact centered brand name, and simple menu items. When moving to a real site, there is often a temptation to add more links. That usually weakens the first screen. For a workshop or studio, the main menu is usually enough: services, materials, portfolio, about, and contact. News, legal pages, and secondary links are better placed in the footer or in a separate secondary menu.
The Header & Navbar documentation describes transparent headers, sticky modes, dropdowns, dialog behavior, and search. For Craft, a transparent header can look great on a dark hero image, but it needs to be tested across all pages. If an internal page starts with a light image, the menu text may disappear. In that case, use a separate template style for the problematic page or configure the header so contrast does not depend on a random image.
Quick Header Check
Open the homepage, a service page, and the contact page. If the menu is readable only on the homepage and disappears on internal pages, the issue is not the content but the overall header logic. It is better to fix the header setting once than to disguise the problem on each page with separate photos.
Images and Text Contrast
Craft relies heavily on imagery. In the Files & Images documentation for YOOtheme Pro, several settings are especially relevant to this template: media manager, responsive images, lazy loading, JPG quality, and next-gen formats. Do not upload huge photos without control. It is better to prepare images for the actual sections: hero, services, materials, portfolio preview, and team. After uploading them, check how they crop in cards and on wide screens.
The official Craft page mentions the custom field Image Text Color for Post items. Use that idea as a general principle: if text sits on top of an image, color and contrast should be set intentionally. Do not assume every photo will remain readable behind a white heading.
How to Adapt the Craft Homepage for a Real Website
The Craft homepage should not remain a set of demo phrases. It needs to become a visitor journey. In the original visual reference, that path looks like this: a hero with the strong word Handmade, a short intro block, a services grid, materials, story, and portfolio. For a real project, that path can stay in place, but the content should answer the client's actual questions: what you do, what makes you different, which materials you use, what work you have already done, and how to get in touch.
Hero: More Than Just a Nice Photo
The hero section in Craft works as an emotional entry point. It can show the process, the workshop, a material, or a finished piece. But the text over the image should carry a concise message, not a long description. A good option is one strong phrase and a subheading that clarifies the service. A bad option is five lines of text, a list of benefits, and a button that all get lost in the background.
After replacing the hero image, make sure to check three states: standard desktop, wide screen, and mobile preview in the Customizer. The Customizer documentation shows device preview buttons; use them as a required check, not an optional feature. If the heading falls on a light part of the image, change the image, crop, overlay, or text color.
Services: Cards Should Lead to Real Pages
The services grid in Craft is visually strong: white cards laid over interior and craftsmanship photography. But on a working site, each card should lead to a service page or at least to a section with more details. If you leave only "More Details" without a real destination, visitors will not understand what happens after the click. For a workshop, those cards might be custom kitchens, furniture, walls and floors, design, or restoration. For an interior studio, they might be interior design, project supervision, procurement, renovation, or furniture.
Materials: A Useful Block, Not a Decorative Strip
The materials block can easily become a beautiful but empty showcase. It is better to give it a practical role: explain what the workshop works with, which materials are suitable for kitchens, furniture, walls, or flooring, and what affects timing, maintenance, and appearance. If you do not have a complex catalog, a few cards with an image, title, short description, and consultation link are enough.
Portfolio: Do Not Show Everything
The portfolio in Craft should demonstrate the quality of your solutions. Do not add every available photo. It is better to choose projects that differ by task: kitchen, furniture, walls, small restoration, full interior. For each project, it is worth noting the task, material, timeline, or constraint if that is supported by real data. That turns the portfolio into proof of experience rather than just a gallery.
Template Styles, Menus, and Modules: What Matters Specifically in Joomla
For a Joomla template, it is not enough to style a single page. You need to connect Craft correctly to menu items, module positions, and template styles. YOOtheme Pro documentation shows two important mechanisms: a template style can be duplicated and assigned to menu items, and the Modules panel lets you manage modules and positions directly in YOOtheme Pro. That gives you flexibility, but it also requires discipline.
When You Need a Separate Template Style
A separate template style is useful when one group of pages should differ not only in content, but in general settings as well: for example, a homepage with a transparent header, a portfolio section with a different accent color, a blog with a calmer header, or a landing page without extra modules. The Template Styles documentation describes a safe path: duplicate the default style, open the new style through Open Website Builder, and assign it to menu items through Menu Assignment.
Do not create a new style for every small edit. If the difference is only in one heading or one card, it is better to change the specific layout. A template style is for system-level differences: header, style, footer, global settings, and page-group assignments.
Menus in YOOtheme Pro and Joomla
The Menus panel is integrated with Joomla Menu Manager. From there, you can add menu items, configure images, subtitles, dropdowns, mega menus, and menu positions. For Craft, it is important to preserve simple navigation. If you need a complex services dropdown, use the mega menu carefully: it should help visitors choose a service, not expose every page on the site.
For multilingual sites, YOOtheme Pro documentation describes the language switcher through a menu item linked to #language-switcher. If the site will use multiple languages, do not mix that with a regular text menu item. First configure languages, translated articles, menu items, and modules in Joomla, then add the switcher to Craft navigation and verify that the correct menu items and modules are assigned for each language.
Modules and Positions
The YOOtheme Pro Modules documentation lists positions such as toolbar-left, toolbar-right, logo, navbar, header, dialog, their mobile equivalents, as well as sidebar, top, bottom, and builder-1 through builder-6. In Craft, that makes it possible to place a contact phone number, language switcher, social links, an extra menu, or utility blocks without manually editing the template.
Pay especially close attention to sidebar. The YOOtheme FAQ explains that the sidebar is not shown automatically on page builder pages because the builder creates full-width sections. If you need a sidebar inside a page like that, use the Position element in the layout. This is a common source of confusion: the module is published, but on a builder-based page it does not appear where you expected.
Practical Scenario: Building a Homepage for a Woodworking Shop
This example does not cover every Craft feature. Instead, it shows one realistic working scenario. The goal is to turn the demo's starting look into the homepage of a small workshop that creates custom kitchens, furniture, and interior elements. The same logic will also work for a similar studio if you replace the service names and images.
Goal
Create a homepage with a clear journey: the visitor sees a handcrafted visual identity, chooses a service type, understands the materials, reviews the portfolio, and moves to contact. This is not an aggressive sales landing page, but a calm trust-building page.
Preparation
- YOOtheme Pro theme package is installed, or the demo package has been deployed on a test site.
- The homepage opens in the YOOtheme Pro Customizer.
- Images are prepared: hero, 5 service cards, 3-6 portfolio projects, and several material textures.
- Menu items for services, portfolio, about, and contact have been created or planned.
- A backup exists before making major layout changes.
Steps
- Open the homepage in the Customizer and save the original layout to My Layouts, if that option is available.
- Replace the hero image with a photo of the process or of a finished product. Keep a short headline and one clarifying line.
- In the services block, rename the cards to match real services. Check the link for each card.
- In the materials block, replace decorative labels with materials that are actually used in projects.
- Keep a few strong portfolio examples and remove weaker duplicates.
- In the footer, verify the address, phone number, email, working links, and secondary menu.
- Save the layout and open the page outside of editing mode.
Checking the Result
The review should not be only visual. Go through the page like a visitor: can you understand within 10 seconds what the workshop does, where to click for a service, where to see examples of work, and how to get in touch? Then check the menu items, mobile view, hero text contrast, image loading speed, and whether any empty demo links remain.
What Counts as a Successful Result
A successful homepage does not just look like the demo. It guides the visitor from the first screen to a specific service, then to the portfolio and contact, while the administrator can clearly explain where each key block is edited.
A Common Friction Point
If a section "breaks" after you change the text, the problem is often not the template, but the length of the headings. The Craft demo uses short words and dense typography. Russian phrases may be longer. Shorten the heading, move the extra detail into a paragraph, or change the text size through the element settings. Do not try to force a long description into a small service card.
Practical Ways to Use Craft in Different Projects
Craft can be used for more than just a woodworking workshop website. Its visual foundation works well for projects that combine services, materials, process, and portfolio. Below are a few ideas that do not rely on invented features: they use the existing layouts, sections, menu items, modules, portfolio presentation, and YOOtheme Pro Builder.
Workshop With Multiple Service Areas
Make the services section the main entry point into the site. Each card leads to a service page: kitchens, furniture, walls, restoration, design. Inside each page, use a similar structure: the task, materials, examples of work, questions, and contact. The check is simple: a visitor should be able to get from the homepage to the needed service in no more than two clicks.
Interior Studio With Projects
The portfolio can become a case studies section. For each case, add the task, photos, materials, and result. If the site uses Joomla articles, a site-wide template in YOOtheme Pro can help you format project pages consistently. Make sure the project list and the individual project page share the same visual language.
Materials Catalog Without Complex Commerce
If orders are handled through consultation rather than a cart, Craft works well for a simple materials catalog. Create pages by group: wood, veneer, stone, hardware, finishes. In the cards, do not promise availability or pricing if those change quickly. It is better to provide a usage description, texture photo, and contact button.
Small Team With a Trust-Focused Presentation
Craft works especially well for "about us," team, and story sections. For a family workshop, local studio, or handcrafted brand, that may be stronger than a long list of benefits. Add real process photos, short participant roles, and clear contact details. Make sure the page does not turn into a personal blog if the site's real goal is service inquiries.
Checking the Result After Configuration
After configuring Craft, it is not enough to view the homepage in the Customizer. You need to test the site as a system: template, pages, modules, menus, images, permissions, mobile behavior, and indexing-related elements. This is especially important if the site is being moved from another template or if you started with the demo package and gradually replaced the content.
Checking Pages and Menus
Open every main menu item. Make sure it leads to the correct page, the active item is highlighted logically, the dropdown does not cover important text, and the mobile menu opens without unnecessary items. If a separate template style is used for the homepage or portfolio, verify that it is assigned only to the intended menu items.
Checking Modules
Create a short list of modules: contacts, language switcher, social links, footer menu, search, and additional blocks in top or bottom. For each module, check position, status, access, and menu assignment. The Joomla User Manual emphasizes that module display depends on Menu Assignment and Access permission. If a module is missing, do not start with CSS: check the assignment first.
Checking Responsiveness and Speed
The Customizer includes device preview buttons, but the final check should happen in a browser. Review the hero, services grid, portfolio, footer, and contact form at a real mobile size. For images, make sure they are not blurry, do not crop out the important subject, and are not loading as unnecessarily heavy files. YOOtheme Pro can generate responsive images and lazy loading, but the source images still need to be chosen carefully.
Checking Content
Remove demo text, temporary emails, test addresses, placeholder portfolio items, and empty links. Check the alt text of key images, the page title in the Joomla menu item, meta descriptions for the main pages, and the accuracy of contact information. The most common mistake after a visually successful setup is leaving demo links and demo phrases in the places visitors actually click.
Safe Improvements Without Editing the Template Core
Craft allows careful improvements through the built-in mechanisms of YOOtheme Pro and Joomla. There is no need to edit template core files if the task can be solved through the Customizer, custom CSS on a specific element, a child theme, or language overrides. The fewer direct edits you make to the original files, the easier it is to update YOOtheme Pro and roll changes back.
Light CSS Adjustment for Service Cards
The Elements documentation for Joomla describes the Advanced tab, the Classes field, and the CSS field. It also notes that YOOtheme Pro provides the selector .el-element for a specific element, along with selectors such as .el-title, .el-content, and .el-link. That is a safe basis for a small adjustment because the CSS applies only to the selected element, not to the whole site.
For example, if a service card over a photo looks too flat, add CSS to that specific element or row rather than to a global file. Before doing that, save the original layout.
/* Light enhancement for a service card inside the selected YOOtheme Pro element */
.el-element {
background: rgba(255, 255, 255, 0.94);
box-shadow: 0 18px 42px rgba(28, 24, 20, 0.14);
}
.el-title {
letter-spacing: 0.02em;
}
Check the result in desktop and mobile preview, then on the public page. If the style affects the wrong block, remove the CSS from the element and return to the saved layout. Do not add long global selectors if the change can be limited to a single element.
Language Overrides for System Phrases
If you need to replace a Joomla system string or an extension label, use language overrides instead of editing the original files. This is especially useful on a multilingual site where each language should have its own wording. For text that lives directly inside a Craft layout, editing the element's content fields is usually enough.
Child Theme for Major Changes
The Child Themes documentation explains that template files can be overridden through a child theme, and YOOtheme Pro also has its own output overrides. That is the right path for a developer when you need to change a template file rather than just CSS. For a typical Craft setup, that level is rarely necessary. Use a child theme only if you understand which file you are overriding, why you are doing it, and how to restore the original state.
Common Craft Issues and Troubleshooting in Joomla
Problems with Craft usually come not from the visual reference itself, but from the interaction between Joomla, YOOtheme Pro, access rights, menu assignment, modules, cache, and images. Below is a practical troubleshooting map for the situations that most often appear after installation or active customization.
The Demo Does Not Look Like the Screenshot
Symptom: after installation, the site does not resemble the Craft demo: the expected sections are missing, the images are different, pages are empty, or old modules are still showing. A likely cause is that a standard theme package was installed instead of deploying the demo package, or the layout and content have not been imported yet. On an existing site, this is normal: a theme package is not supposed to automatically replace your content with the demo structure.
Check the archive type, the active template style, and the availability of the required page layouts. If you wanted to start from the full demo structure, use a separate test site with the demo package. If you are working on an existing project, transfer layouts selectively and connect menu items, modules, and content manually.
The Customizer Opens, but Changes Are Not Saving
Possible causes include file permissions, insufficient user rights, or an error in custom Less/CSS. First check whether the user has the Edit Templates permission. Then review file permissions: the typical values are 755 for directories and 644 for files. If custom Less was added before the problem started, temporarily remove the latest change and save again.
If settings start saving again after removing the CSS, the issue was either syntax-related or caused by an overly broad selector. Add the change back in small pieces and test after each one.
The Module Is Published but Not Visible on the Page
Check status, position, access, and menu assignment. If the page is built with full-width Page Builder sections, a normal sidebar may not be rendered automatically. In that case, add a Position element to the appropriate section or use YOOtheme Pro positions such as top, bottom, dialog, and others if they make sense for the layout.
If the module should appear only on specific pages, make sure it is assigned to the correct menu items. In Joomla, module visibility often depends on the active menu item, not just on the URL.
A Quick Way to Narrow Down the Cause
Temporarily assign the module to all pages and see whether it appears in the expected position. If it does, the problem was in menu assignment or the active menu item. If it does not, move on to position, access, and the builder-page logic.
Text Is Hard to Read Over a Photo
Check the image, overlay, text color, and the settings of the specific element. Craft includes many blocks where text and photography work together. If the photo is too light or too contrast-heavy, replace it, change the crop, or choose a different text color. For Post items, use the Image Text Color approach if that structure is part of your content.
Cards and Buttons Broke After a Style Change
The YOOtheme Pro style customizer changes UIkit components, so a global adjustment may affect more blocks than you expected. Return to the last saved style variation, check the preview UI components, and change one setting at a time. If you need a local adjustment, use the specific element's Advanced CSS instead of a global change.
White Screen or Error After Installation
The FAQ documentation links a blank page to a PHP error and recommends checking the error log or temporarily enabling error display for troubleshooting. Do not hide the symptom with cache, and do not reinstall the template immediately. First check the PHP log, the most recently installed extensions, server resources, and compatibility with any additional integrations.
Questions Worth Resolving Before Downloading and Configuring
Can I install Craft on an existing Joomla site?
Yes, if you are using the standard YOOtheme Pro theme package. But the demo package cannot be installed like a normal extension on an existing site: it is a full Joomla installation with demo content. For a production site, make a backup first and test the template on a staging copy.
Do I need to use all the demo layouts?
No. The official Craft page lists 12 ready-to-use page layouts, but that is a starter set, not a required structure. Keep only the pages the real site actually needs. Extra demo pages are best deleted or hidden so they do not end up in menus or search indexing.
Why does the sidebar not appear on a builder-created page?
The YOOtheme FAQ explains that Page Builder creates full-width sections, so the sidebar needs to be placed inside the layout through a Position element. Check the module position, menu assignment, and whether the current page really uses a builder layout.
Can I change CSS without using a child theme?
Yes, for small adjustments. YOOtheme Pro supports custom CSS in Settings and element-specific CSS in the Advanced tab. But larger changes to template files are better handled through a child theme or overrides so you do not edit the template core or complicate future updates.
Is Craft suitable for a multilingual site?
Yes, if the Joomla multilingual structure is configured correctly: languages, translated articles, menu items, and modules. YOOtheme Pro also documents the language switcher through the menu item #language-switcher. Check not only the switcher itself, but also module and template style assignments for each language.
What should I do if Russian headings do not fit inside the cards?
Do not stretch the card at any cost. Shorten the heading, move the clarification into the description, or change the text size or block width. The Craft demo uses short English words, so Russian wording often needs editorial adaptation.
Do I need to confirm the exact Joomla and YOOtheme Pro versions before installation?
For an article, exact versions become outdated quickly, so it is better to check compatibility on the current product page, in the documentation, and in your archive. In real workflow, a backup, test installation, file permissions, and the ability to update through a supported method matter more.
When Craft Is the Right Choice
Craft is worth using if you need a Joomla site with strong visual presentation, a clear services structure, portfolio, materials, and clean navigation. It is especially effective when the business wants to showcase custom work and quality execution rather than simply publish a catalog of links. When configured properly, YOOtheme Craft gives you a fast start while still preserving a manageable Joomla structure: menu items, modules, template styles, pages, and templates.
Before implementation, verify the archive type, make a backup, choose a style variation, configure the header and menu, replace the demo content with real services, and be sure to test the result on desktop and mobile. If the template meets your needs after that, you can download the ZIP archive and test it on a separate site copy or a new project.
The main selection criterion is not the number of beautiful sections, but how easy the site is to maintain after launch. If the editor understands where the page lives, where the module is changed, which template style is assigned to a menu item, and how to verify the result, Craft becomes not just a polished demo, but a practical foundation for a Joomla project.
Nearby Materials | ||||
|
YOOtheme Tomsen Brody - Joomla Template | YOOtheme Trek - Joomla Template |
|
|




