font-size change causes tab background to disappear

  • Unknown's avatar
    culturelearner · Member ·

    Here’s the problem: I copy the original stylesheet code for my theme, Digg 3 Column, into the CSS Stylesheet Editor. Then, I make one change: I modify the font-size from 12 to 11, as shown below.

    body{
    font-family: Arial, Helvetica, Georgia, Sans-Serif;
    font-size: 11px;

    After doing this, I click “Preview” — and the font is smaller as intended. But there is an unintended change — the tab background disappears. So the words on the tabs are barely visible against the grey background. When I undo the change — the “11” is “12” again, one would think that the original tab background colors would return but they do not.

    Any ideas? Thanks,

    Werner

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Don’t paste the entire stylesheet into the CSS edit window unless you plan on editing the entire stylesheet. It will cause this type of problem since URL’s in the stylesheets are “relative” rather than absolute. When you paste the entire stylesheet, you break all the relative URL’s.

    Put ONLY the section and the specific declarations that you are changing into the CSS edit window.

    Delete everything from the CSS edit window, make sure “add to existing is selected, and then paste ONLY the following into the edit window.

    body {
font-size: 11px;
}

    In general it is not a good idea to specify fonts in px. You should us em units, but since that is what the theme used originally, stick with it.

  • The topic ‘font-size change causes tab background to disappear’ is closed to new replies.