How To Make A New Text Style (Class)

Question

Hi everybody, I’ve Googled it and tried to find videos on YouTube but I can’t figure it out! When you write some text in a webpage, if you select it you can change the properties in the properties panel with the CSS tab, such as font style, size and colour. However, how do you make those settings into a class so you can select it in the “class” dropdown menu in the HTML panel? I absolutely can not believe I can’t find this out on Google ot YT but I can’t! Sorry about that!

Thanks for your help,
Gareth

Jon Fritz · Accepted Answer

Ok, thanks guys. I haven’t watched those videos because the written direction pretty much worked. I have marked the videos as correct. I’ll watch them when I get time. Hopefully tonight.

The only problem with the written directions is, after hitting enter when you name the class, the options to set the properties do not appear. Though they did the first time I did it! If you click on the properties section of the CSS Designer and then click on the “T” text icon you get some property options but in a different format to before! Anyway, this does work do I’m Ok now. Thanks again for your help.

I'm guessing here, but be sure to uncheck the "Show Set" checkbox on the right side in the Properties section of the CSS Designer.

If that box is checked, and you have few or no properties set, it will appear very limited or blank.

Nancy OShea · Answer

A re-usable class is prefixed by a dot. Open your stylesheet CSS file in CODE View panel.

Use Dreameaver's code hints & auto code-completion features. They're much faster and more precise than CSS panels.

.classname {

property: value;

}

Ctrl / Cmd + S to SAVE stylesheet. One your stylesheet is saved, you should see the classname in your Properties panel.

HTML:

<p class="clasname">This is a paragraph.</p>

Hope that helps.

This is a paragraph.

Hope that helps.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded