Graphical Logo instead of title text?
Hi folks :)
In the source code, where it says
<div id="topWrapper">
<header id="header">
<div class="container">
<div id="logo">
<h2><a href="/">PageTitle</a></h2>
</div>
I'd rather like to have a graphical logo instead. My guess is, I'll have to hardcode it into the source code. The question now is: What/Where do I have to modify to get the desired result?
Thank you and kind regards, Kai
Alternately: Explania.com apparently uses fork cms, too .. if anyone could point out, what theme they are using, I'd be happy, too :)
Thank you and kind regards, Kai
Hi HarleQuin,
It seems that explania.com has created their own theme "explania".
To use your own logo, most people use CSS with a technique called "image replacement" that replaces the "sitename" text with a background image.
But you can also just use a hardcoded image like this:
<div id="logo">
<h2>
<a href="/">
<img src="{$THEME_URL}/Core/Layout/images/logo.png" alt="Sitename" />
</a>
</h2>
</div>
Note that {$THEME_URL}
is a variable that you can use in fork cms templates, it will generate the full url to the folder path of your theme ;-)
Hi Jesse,
thanks for the reply. Since I don't really understand, what image replacement is or how it works, I'd rather go for hardcoding .. Could you point out, please, which file I have to change to get that result?
Thank you and kind regards, Kai
I guess that you're using the Triton (default) theme? Then you can edit the Home.tpl and Default.tpl templates in the Triton theme folder. You can find them in /src/Frontend/Themes/triton/Core/Layout/Templates
. Change these lines
Hi Jesse,
Thanks for the quick reply. What you suggested is, what I did.. Alas: no change appears to happen. Do I have to reload the theme somehow?
Thank you and kind regards, Kai
I think that the templates are cached. Can you delete all files inside the cache folders? The most important frontend cache folders are:
/src/Frontend/Cache/CachedTemplates
/src/Frontend/Cache/CompiledTemplates
/src/Frontend/Cache/Locale
/src/Frontend/Cache/MinifiedCss
/src/Frontend/Cache/MinifiedJs
Or you could run the tools/remove_cache script which automatically cleans these folders.
Then you should see changes. If you do a lot of changes to the theme, it's best to enable debug mode which disables cache.
Hey - that worked :) THANKS!!! :)
Kind regards, Kai
No problem ;-) Let me know if you experience other fork related problems.