How do I insert H1 headers in VSD? -...

User 2126034 Photo


Registered User
16 posts

Hi guys,
I know this sounds silly, but I can't work out how to insert a H1 header in my website. I have made "headers", but I did them by inserting text and then making the text the size I wanted. Today I ran "Web Insight" and it told me that I needed to use H1 headers. Is anyone able to give me some guidance? I am using VSD.
www.bereabiblecollege.com
User 187934 Photo


Senior Advisor
20,265 posts
Online Now

Insert an html box and use....


<style type="text/css">
<!--
h1 { color:#0000FF; }
-->
</style>
<h1>My Cool text</h1>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2126034 Photo


Registered User
16 posts

Thanks for the code Eric. It's much appriciated.
User 2126034 Photo


Registered User
16 posts

Hi Eric,
I've worked out how to change the color, but I can't seem to get the font right. Can you tell me what I should enter to change the font to arial?
User 1948478 Photo


Senior Advisor
1,850 posts

sheree wrote:
...Can you tell me what I should enter to change the font to arial?

Add font properties to the style sheet Eric gave you:
<style type="text/css">
<!--
h1 { color:#0000FF;
font: 20px/150% arial,sans-serif;
}
-->
</style>
<h1>My Cool text</h1>

20px/150% stand for font size/line height; - change as needed.
More info here: http://www.w3schools.com/cssref/pr_font_font.asp

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.