Skip navigation
Currently Being Moderated

How to increase/decrease text size in CS5?

Mar 25, 2012 12:49 PM

I came straight from DW MX and in CS5 if I want to, for example, change the font size just for one line in an article already published, I don't see a way to do it. At the bottom under Properties, I can select "CSS" and see the font size, but it wants me to create a CSS. I have two text lines in different cells in one table, and I want them to match, and I don't want the rest of the text on the webpage to change. Yet it seems that I have to create a new CSS if I so much as breathe hard.

 

Is there a way to just change the text size without having to jump through all these CSS steps, which I don't like nor want?

 
Replies
  • Currently Being Moderated
    Mar 25, 2012 1:04 PM   in reply to Dr_Atomic

    Is there a way to just change the text size without having to jump through all these CSS steps, which I don't like nor want?

     

    If doing it through the WYSIWYG design view, then the short answer is no. <Font> tags are deprecated which means any change in font size must be done via CSS - either inline or in your external CSS.

     

    What Dreamweaver is asking you to do, is create a class for that font change. This means you can re-use it but you need to set the class up first. Once it's done the first time, you don't need to do it again. Give it a useful name and away you go.

     

    In code view, your code will look something like:

    <p>Text goes here and <span class="YourClassHere">this is the changed height text.</span></p>

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 25, 2012 1:16 PM   in reply to Dr_Atomic

    Is there a way to just change the text size without having to jump through all these CSS steps, which I don't like nor want?

    No.  DW MX let you get away with bad coding habits.  DW CS5 makes you use good coding practices by keeping content (HTML) separate from styles (CSS).

     

    If you use a little pre-planning, you can quickly create all the site wide styles you need for your project with re-usable CSS classes.

     

    table .caption {font-size: 24px}

     

    .small-text {font-size: 10px}

     

    Then simply apply those classes to your text from the properties panel Styles list.

     

    Must reading:

    How to Develop with CSS?

    http://phrogz.net/css/HowToDevelopWithCSS.html

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 25, 2012 4:32 PM   in reply to Dr_Atomic

    The paradigm of web creation has completely changed and I completely feel your pain.

     

    Nowadays, instead of saying <make this font big make this font italic make this font red>This is the big red text</end all of the make this font stuff individually>

     

    we create a separate style sheet that has the following:

     

    .fontstyle-for-big-and-red {

         font: big;

         color: red;

         font: Italic;

    )

     

    Then we call the style:

     

    <class="fontstyle-for-big-and-red">This is the big red text</class>

     

    Here is the advantage of that:

     

    • You make the definitions for the change of text once and then you can use it often in your website without needing to re-create all of those inline styles.
    • Web browsers load up your styles once and hold them in their cache, so your web page renders faster.
    • You don't have a ton of inline style stuff in your website cluttering up your content so search engines can really find what you want to talk about in your website.
    • With time, defining these styles makes repeated page production a snap.

     

    Now, I will be the first to admit that there is a learning curve with all of this. And it is going to take you some time to change the way you work. But, you'll make better websites and, after you have learned all of this stuff, it will be easier for you.

     

    Your schedule being packed, you might consider hiring someone who does know this to cut down on some of the workload while you learn this.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 16, 2012 2:32 AM   in reply to mhollis55

    This is stupid. HTML mailer doesnt use CSS. I have to create allot of those so this software has become useless to me. Adobe screwed up dreamweaver. Piece of junk now

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 16, 2012 8:03 AM   in reply to pierreleadfeed

    I don't understand what the problem is with Dreamweaver. DW is just a tool - the knowledge and how to use code, whether it be HTML or CSS, comes from the user.

     

    What is HTML Mailer? If you are referring to an HTML email, then you are mistaken as you can use CSS throughout any HTML email - you just need to change how you add that CSS. In a typical web page you will reference an external stylesheet for site wide styles. With HTML email, you can't do that so all styles are made inline or embedded. Same code, just implemented slightly different.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points