CSS problem – font sizes in forms, tables etc.

  • Resolved eyeonthetigers

    (@eyeonthetigers)


    17 years, 6 months ago

    Hi,

    I’m using the Stardust theme and am having a bit of trouble with the CSS.

    On pages like this, any text that isn’t normal body text (such as ‘No Ratings Yet’ [I’m aware that it looks jagged in IE, but that’s a problem associated with the plugin rather than the theme]) is bigger than the rest. This also happens whenever I’ve tried to use forms, tables and so on.

    I’ve messed around a bit with the CSS but, to be honest, it’s not my strongest point and I haven’t had much luck with it.

    If anyone could help me so that forms, tables and so on will have the same size text as everywhere else on a post or a page then it’d be much appreciated.

    Thanks!

    Here’s the CSS for theme:
    [moderated: too much code]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter eyeonthetigers

    (@eyeonthetigers)

    I probably gave a bad example there.

    Here’s a better example: https://www.eyeonthetigers.co.uk/test/

    You can see the difference between the normal text and the text in a table.

    Thanks in advance!

    To make sure that the post and the table font size stay the same, you could add the following to your CSS.

    Change the size to suit:

    .post, td { font-size: 14px;}`

    Thread Starter eyeonthetigers

    (@eyeonthetigers)

    Brilliant, thanks!

    That bit of code didn’t do the trick itself, but it set me on the way to coming up with this, which worked:

    td{
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px;
    margin-bottom: 40px;
    }

    form{
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px;
    margin-bottom: 40px;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS problem – font sizes in forms, tables etc.’ is closed to new replies.