Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Changing font size without affecting the div size

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #45643
    ocholloh
    Member

    This should be simple no?

    but when I use

    #infobar{
    margin-left: 20px;}

    #infobar ul,li{
    list-style:none;
    }
    #infobar ul{
    overflow:hidden;
    }
    #infobar ul li a{
    text-decoration:none;
    background-color: #8ab546;
    color:#ffffff;
    display:block;
    width:15em;
    padding:1em;
    -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
    box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
    }
    #infobar ul li{
    margin:2px;
    float:left;
    }

    and I try to increase the font size the div size starts increasing. the boxes are lined up with other boxes so this isnt acceptable. Surely you can just increase the font size inside the box/div?

    #139345
    Rohithzr
    Participant

    if your boxes are too packed. try reducing the padding as you increase the font size

    #139349
    ocholloh
    Member

    Thanks Rohithzr

    From your suggestion changed the width and font size in firebug. Thought there would be a standard way

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.