Text Size Smaller

Discussion in 'HTML & Website Design' started by BlueEew, Mar 17, 2010.

  1. #1
    I want to change the Text Size on just one page of my website, what is the best way to achieve this?
     
    BlueEew, Mar 17, 2010 IP
  2. Basti

    Basti Active Member

    Messages:
    625
    Likes Received:
    6
    Best Answers:
    3
    Trophy Points:
    90
    #2
    Put a div tag around your text on that page like

    
    <div class="text-page1">
    YOUR TEXT
    </div>
    
    Code (markup):
    and this goes into your css file
    
    .text-page1 {
    font-size: 12px;
    }
    
    Code (markup):
     
    Basti, Mar 17, 2010 IP
  3. camp185

    camp185 Well-Known Member

    Messages:
    1,653
    Likes Received:
    51
    Best Answers:
    0
    Trophy Points:
    180
    #3
    If it's just one page, you may not want to put that burden on your CSS file. I would just do it inline for the div like <div style="font-size:0.8em;">your smaller content</div>
     
    camp185, Mar 17, 2010 IP
  4. bavington

    bavington Peon

    Messages:
    74
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    You can also use the <small></small> HTML tags. Try wrapping these round some of your content that you would like to see smaller.
     
    bavington, Mar 18, 2010 IP
  5. spy100

    spy100 Well-Known Member

    Messages:
    689
    Likes Received:
    20
    Best Answers:
    0
    Trophy Points:
    108
    #5
    or you can use this
    <div style="font-size:12px;" >
    YOUR TEXT
    </div>
     
    spy100, Mar 18, 2010 IP
  6. jakkevin4v

    jakkevin4v Peon

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    <div style="fount-size:12px;">
    text
    <div>
    size maintain the px.
     
    jakkevin4v, Mar 18, 2010 IP
  7. softworks-workforce

    softworks-workforce Peon

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    There are to change text size on just one page.

    1. <span style="font-size: 11px;">text here</span>
    2. Make class in css

    .smalltxt {
    font-size: 11px;
    }

    and put into <span class="smalltxt">text here</span>


    Workforce Management
     
    softworks-workforce, Mar 19, 2010 IP
  8. farooq.azam

    farooq.azam Peon

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    use id or class in tag, then define the required style in css stylesheet.
     
    farooq.azam, Mar 19, 2010 IP