How does one edit the header? This is the area across the top of the page in most themes, containing such things as the search function and the account information.
I do not want to change the CSS. I want to edit the html/template for my theme, which happens to be flannel-ocean.
Thank you.
The theme is made up of only CSS. So if you would like to edit your theme, you are going to have to edit the theme's CSS.
How are you using the flannel-ocean theme at the moment? Do you have it added in as a URL under "external themes", or is it part of a custom theme?
~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, backup tool (in development)
You can't edit the html source code of any wiki page.
But CSS is extremely powerful and efficient — why would you want to do it any other way? Your flannel-ocean theme is CSS itself, after all. And most things are achievable via CSS anyway.
What is it, exactly, that you want to do with your wiki's header? We can help you do that with ease. But first off, I want you to convert your site's CSS to be modifiable and have a history (so you can revert CSS mistakes).
Create the page admin:css
On it, copy and paste the following code:
[[code type="css"]]
@import url(http://static.wikidot.com/v--c644960009f5/common--theme/flannel-ocean/css/style.css?0);
/* Enter custom CSS here */
[[/code]]Then go to the site manager (admin:manage), select "Appearance", and then select "Themes".
Under the _default category, choose "use an external theme", and type in the text box /local--code/admin:css
Click "save changes", and now your site has the Flanel Ocean theme, except for the admin category for safety reasons.
The reason we do all of that is so that you can easily change your CSS code in one place, the admin:css page, which will also keep a record history of your CSS changes. If you accidentally stuff up your CSS, you can easily click "history" and "revert" — something you can't do in the Site Manager's Theme selection.
I want to modify the contents of the header, not the appearance of the header.
Let's assume, for the sake of argument, that I want to add a table within the header, and within the table, links in the cells. I know of no way to add a table to the header using CSS.
By the way, I have already been using the CSS trick you provide and it is very useful. It has made it very easy to customise the CSS for my theme, but now, I believe I need to get at the elements placed within the header to achieve the results I desire.
Thank you.
Mmmmmm, yeah. Technically we can't edit the HTML source code.
But for the sake of your argument, you can place anything in the header section of the site via the topbar-navigator… a slightly hackish way.
CSS code:
#top-bar {top: 0; margin-top: 7.5em; z-index: 1;} .custom-header {position: absolute; top: -7.5em; z-index: 99;}
nav:top code:
* [[[Home]]]
* [[[Contact]]]
* Other links
[!--
Please do not include anything other than links within the bullet list.
Do not go deeper than 1 level with nesting.
--]
[[div class="custom-header"]]
||~ Table Heading ||~ Second Heading ||
|| Some content here || And more content here too ||
[[/div]]You will, of course, need to customise your position of the .custom-header class to place it in the perfect position.
Hello there
What should I do If I wish to add javascripts in <header> </header>?
About me
My Website | Consult Me | My Company
Support on page editing and site use
Wikidot Editor Tips | Documentation
