Easily add through header tags to any page on your Weebly site
Customize the header tags' font, color, capitalization, bottom margin, size, thickness, alignment, and mobile size
100% responsive -- the header tags will automatically resize for mobile
Customize the color, font, alignment, size, mobile size, capitalization, thickness, bottom margin, or font family of your header tags.
Size recommendations for each header tag can be found by hovering over the "[ i ]" next to "size" setting in the app. You have complete control over the sizing for each header tag.
By default, all header tags are set to "desktop" for mobile sizing. As you would gather, this means that the mobile size of your header tags will remain the desktop size unless you choose another mobile sizing option.
You have the freedom to make the header tags any size you want for desktop and mobile. For example, even though h2 tags are normally smaller than h1 tags, you can customize an h2 to be bigger then an h1 tag. This applies to both desktop and mobile sizing.
If you choose to keep the header tags proportionally sized to each other for mobile, make sure that you select the same mobile option (e.g., large, medium, small) for all your header tags. For example, you may apply the mobile size setting "large" to both an h4 and h5 tag but they'll be different sizes on mobile -- proportional (1/4 em less per header tag) to the font size applied to your theme's body tag.
To break this down even further, assume the font size of your theme's body tag is 12px. If you applied the "small" setting to all header tags, the h1 would be 28px because its "small" mobile size setting is 2em (i.e., 2em x 12px). The h2 would be 21px because its "small" mobile size setting is 1.75em (i.e., 1.75em x 12px). The h3 would be 18px because its "small" mobile size setting is 1.5em (i.e., 1.5em x 12px). The same math can be applied to the remaining header tags.
Add 1/4em to each header tag's "small" mobile setting to get the font size of the next largest mobile size setting. For example, the h1 tag's "small" mobile size setting is 2em, so its "large" mobile size setting would be 2.25em (i.e., 1/4em + 2em).
Weebly's "Title" element is an h2 tag, but with the H+ Tag app, you have an additional h2 tag that which you can apply different settings to from the "Title" element if you choose.
Easily add "h1" through "h6" header tags to any page on your Weebly site.
Customize the header tags' font, color, capitalization, bottom margin, size, thickness, alignment, and mobile size.
100% responsive -- the header tags will automatically resize for mobile.
Sean Burford Jan 08, 2020The App adds headers but it does so at the cost of injecting hundreds of lines of code. Example: one page had 1341 lines of code with the app. By removing the app, the page only had 934 lines of code. That's 407 lines of extra code at the expense of changing ONE H2 header to an H1 header. The additional load time from the extra code isn't worth any of the value of changing an H2 tag to an H1 tag. For Google rankings, H1 headers are no longer critical elements but page speed is. I think it's something to consider before using the app.
Dan Nov 03, 2019It is hard to edit text and you can't add bulletpoints for your headings. Please fix!
Trevor Nov 03, 2019Hi Editor Tricks love it BUT i wish we could edit the line height (letter spacing is OK though) and link the text from this app
Adrian Smith Oct 25, 2019Works great for me. You might need to add some custom CSS to get it looking exactly the way you want.
Robert Cockroft Oct 04, 2019I've used this tag many times. The only problem is the inability to control line height. If that were added, this would be a winner.
Randy Wensmann Sep 10, 2019was not what i expected. I wanted the H tag markup not a new line of text that I have add to the existing content.
Weebly User Aug 23, 2019Pretty cool. I really wish it had the option to italicize.
Weebly User May 08, 2019Love this app. I use it on almost every site.
Atleo Air Apr 22, 2019A bit slow to use, but definitely helpful for SEO and page/content structure. It would be great to see more fonts and the ability add links within H tags. Also addition of character spacing options would be helpful. Definitely a big upgrade from the default Weebly settings for Heading tags though. Thanks!
Lisa Johnson Jan 31, 2019Thanks for making this available to weebly users! Very important for SEO.