Troubleshooting and questions — Titen HTML
Most problems in the HTML edition come from a path with the wrong number of ../, a class the stylesheet doesn’t have
yet, or a form endpoint left empty. The answers below cover those first, then the questions buyers ask most.
Problems you may hit
Section titled “Problems you may hit”The page looks unstyled.
The browser can’t find assets/css/style.css. Pages inside a folder (projects/…, services/…, blog/…) link to it
as ../assets/css/style.css; a page you moved or created may have the wrong number of ../.
An image doesn’t appear.
Check the path in src against the file in assets/images/: spelling, extension, and ../ in pages inside a folder.
File names are case-sensitive on most hosts even when they are not on your computer: Team.JPG is not team.jpg.
A class I added does nothing.
assets/css/style.css only contains the classes the site already used. Rebuild it with npm run build:css
(Making it look like your brand).
Text or a block stays invisible.
Elements that appear as you scroll start hidden (style="opacity: 0; …" with data-appear), and the site script shows
them. If you copied one somewhere without the script, or removed its data-appear, remove the style too.
The menu, the search, the accordion, the slideshows or the videos stopped working.
assets/js/main.js or assets/js/config.js is missing, or an element lost a data-… attribute when you edited it.
Open the browser’s developer tools → Console for the error, and compare the markup with the same element on an
untouched page.
A form says “Something went wrong”.
The form service rejected the submission or couldn’t be reached. Check formEndpoint in assets/js/config.js, then open
the developer tools → Network, submit again and read the service’s response. Web3Forms also needs formAccessKey.
Some services require you to confirm your email address before the first submission goes through.
A form shows “Thank you” but nothing arrives.
formEndpoint is empty, so the forms are still in demo mode (the fields are logged in the browser console).
Clicking a link downloads a file or shows a directory listing.
The link points at a folder or lacks .html. Links in this template always end in .html.
A new project or post doesn’t show in a list or in the search.
It has a page but no card in that list, or no entry in the search list (data-search-items) of each page
(Editing the site).
The share image or title is the old one.
Facebook, LinkedIn and X cache them. Use their debuggers to refresh, and check that the og:image URL uses your domain.
A video does not play.
The demo’s stock clips are not part of the download: the hero plays a short placeholder, and the About clip plays from
the web and may move. Replace the src of the
<video> with your own file or a link to one (Editing the site). With “reduce motion” switched on in the
visitor’s system, only the poster shows: that’s on purpose.
Questions
Section titled “Questions”Do I need Node.js or a build step? No, only to rebuild the stylesheet after changing the theme or using new classes. Everything else is editing HTML.
Can I use this template for a client? See License: that is the one place that answers it for your licence.
Can I remove the style guide, a page or a video? Yes:
- the style guide: delete
style-guide.html; - a page: Editing the site;
- a video: Editing the site.
Can I use it with WordPress, Webflow or a site builder?
Not directly: it is plain HTML and CSS. You can paste sections into a builder that accepts custom HTML, but the
interactions rely on assets/js/main.js.
Can I connect a CMS? See Editing without touching HTML for the options, including the Astro and Next.js editions built for one.
How do I update to a new version of the template?
CHANGELOG.md in the new release lists what changed. For a script or style fix, replacing assets/js/main.js and
assets/css/style.css is usually enough (run npm run build:css again if you added classes of your own). Page changes
are listed so you can apply them to your edited pages.
Can you customise it for me, or build my site? Yes. Marcframe, the studio behind this template, updates templates to your needs (brand, content, new pages and features), builds custom templates and designs new websites. Get in touch at marcframe.com/contact or hire us on Contra.
Something is broken and none of this helps. Support and updates: https://framebrick.co/support. Send the page, the browser, and the error text or a screenshot: it makes the answer much faster.