COPYRIGHT WARNING:
All pictures and texts in this web page are the property of nomaallim.com. Any use of any part of those contents without the written consent of nomaallim.com shall be subject to legal procedures as per international and local laws in the concerned country. Using the name "nomaallim" or "nomaallim com" or "nomaallim.com" in the text describing the unauthorized copied content shall not constitute an exception and shall be sanctioned in accordance to the effective laws and proceedings.
All pictures and texts in this web page are the property of nomaallim.com. Any use of any part of those contents without the written consent of nomaallim.com shall be subject to legal procedures as per international and local laws in the concerned country. Using the name "nomaallim" or "nomaallim com" or "nomaallim.com" in the text describing the unauthorized copied content shall not constitute an exception and shall be sanctioned in accordance to the effective laws and proceedings.
- OVERALL DIFFICULTY INDEX: 1/10
- NO TOOLS REQUIRED FOR THIS JOB
- IF YOU HAVE NO EXPERIENCE YOU SPEND 30 MINUTES TO CARRY OUT THIS JOB.
- NO SAFETY RULES TO OBSERVE
|
BEFORE YOU START
|
DISCLAIMER:
Our pictorials are of informative nature and do illustrate works carried out by ourselves at our own premises for our own use and satisfaction. Readers who envisage to carry out similar works inspired by the below method shall do this at their own risks and liability. |
1- While on any page, go to "Theme" tab
2- Click down left on "Edit HTML / CSS"
3- Your screen is split in two: the HTML / CSS code on top and your page below.
4- Select under "HEADER" on top left, the type of page to which you wish to add an H1 tag.
Be aware that the H1 tag will be added to all pages of that type, however:
-you will be able to edit it to read a different title for every page
-it will not show on your pages even if you publish your site unless you clicked on it and typed a text in your editor, see below for further details.
Be aware that the H1 tag will be added to all pages of that type, however:
-you will be able to edit it to read a different title for every page
-it will not show on your pages even if you publish your site unless you clicked on it and typed a text in your editor, see below for further details.
5- Paste the below code in orange immediately before the {{#sections}} in white:
<div id="main">
<div class="container">
<h1>{h1-tag:text global="false"}</h1>
</div>
</div>
{{#sections}}
<div id="main">
<div class="container">
<h1>{h1-tag:text global="false"}</h1>
</div>
</div>
{{#sections}}
6- When re-opening your editor and access any page of the same type of the one where you pasted the above code, you will now see a "Click here to edit" text showing only in your editor page. It does not show on the published website unless you type something instead of "Click here to edit".
|
|
|
7- Now you need to format your text, go to "main.less" under "STYLES" and find the h2 word at the beginning of a line, paste the below immediately before:
h1 {
font-family: montserrat;
font-size: 1.8em;
font-weight: bold;
color: @emphasized;
margin: 0 auto .3em;
}
Change the above as you wish to modify the formatting of your H1 tag text. The formatting toolbar that appears when you click on the tag to modify the text won't work. You need to manually edit the formatting within the above code.
h1 {
font-family: montserrat;
font-size: 1.8em;
font-weight: bold;
color: @emphasized;
margin: 0 auto .3em;
}
Change the above as you wish to modify the formatting of your H1 tag text. The formatting toolbar that appears when you click on the tag to modify the text won't work. You need to manually edit the formatting within the above code.
8- See also our tips on how to appear on top of searches and monetize your website with Google AdSense and Amazon affiliate program...More.
|
|
|
|
|
|
|
|