H tags with VSD?

User 2077347 Photo


Registered User
158 posts

Anyone know how to specify H tags with the VSD?
User 282670 Photo


Registered User
3,940 posts

The H tags can only be entered using the html tool :)




User 2077347 Photo


Registered User
158 posts

I thought so...

So, my question is then...Do I add additional headings or just change headings that are already on the page?
User 282670 Photo


Registered User
3,940 posts

My thought is this, if the size is ok with you, then in (VSD) I would just double click on the text and change it- you can change the size there as well. I haven't visited your site but I'm pretty sure it might already be using CSS ( I assume-I know lol ) but it will not change the h2 tag if it's being used other then the size..




User 463058 Photo


Ambassador
1,086 posts

Kristi wrote:
I thought so...

So, my question is then...Do I add additional headings or just change headings that are already on the page?


Just replace the headings on the page, so the main heading is an H1. All the sub-headings are H2. All the sub-sub-headings are H3, etc.

Use the Edit>Edit Header... menu to add styling for the header text to your page. You could use something like this:
<style type="text/css">
h1 {
font-family: "Times New Roman", Times, serif;
font-size: 36pt;
color: #000;
}
h2 {
font-family: "Times New Roman", Times, serif;
font-size: 24pt;
color: #000;
}
h3 {
font-family: "Times New Roman", Times, serif;
font-size: 18pt;
color: #000;
}
h4 {
font-family: "Times New Roman", Times, serif;
font-size: 14pt;
color: #000;
}
h5 {
font-family: "Times New Roman", Times, serif;
font-size: 12pt;
color: #000;
}
h6 {
font-family: "Times New Roman", Times, serif;
font-size: 10pt;
color: #000;
}
</style>


This styling uses the point sizes that VSD uses. You can then change the font, size, or color for each header size individually. If all headers are the same color and font, then you could just use something like this:

<style type="text/css">
h1, h2, h3, h4, h5, h6 {
font-family: "Times New Roman", Times, serif;
color: #000;
}
h1 {
font-size: 36pt;
}
h2 {
font-size: 24pt;
}
h3 {
font-size: 18pt;
}
h4 {
font-size: 14pt;
}
h5 {
font-size: 12pt;
}
h6 {
font-size: 10pt;
}
</style>


Of course, you may not need all six header sizes styled if your page only uses the h1 and h2 sizes, for instance.
User 2180681 Photo


Registered User
7 posts

I added the styling to the header, how do you then specify the text you to have the tags
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

You have to insert some more html, into the body this time, with e.g. <h1> Your Heading</h1>, <h2> your subheading</h2> etc. In other words, you have to write the tags plus what is supposed to be read in them.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2180681 Photo


Registered User
7 posts

this part is not WYSIWYG, you click add html, add the space on the page then the text with the H tags etc
User 2161470 Photo


Registered User
13 posts

Very helpful post. Thank you so much!!

www.onestopplumbers.com
User 2206956 Photo


Registered User
45 posts

I've found this task not workable. If I try to specify headings <h2>, etc and do this in VSD by selecting "edit" then "edit header" it seems to apply the header OK, but it actually displays the text style code at the top of the webpage in preview mode. That's not desirable.

Am I doing this wrong? I'm only trying to apply headings <h1> etc in VSD because I've heard how important they are in SEO. Any ideas?

Thanks.

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.