css help to reduce table row height

• 

  minicollar · Member · Oct 14, 2015 at 1:11 pm

  • Copy link
  • Add topic to favorites

  Hello,

  Using the Edin Theme.
  As I have many rows in my table I would like to reduce the height. Have copied a table from existing website see page ‘Chalet Aventure’
  Newbie to WordPress and CSS but learning fast!
  Also want to change the size (and text size probably) of the theme’s pre-defined class button-minimal as I’m using this within the table as this also affects the table layout.
  Thanks in advance for help.
  Mini

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

• 

  staff-jeanpierreac · Staff · Oct 14, 2015 at 2:55 pm

  • Copy link

  Hi there.

  About button-minimal, you could adapt the padding property to have less space between the message, ‘BOOK’ in this case, and the border. For instance:

  a.button-minimal {
      padding: 5px 12px;
  }

  Take into account first parameter (5px) rules the vertical padding and the second one the horizontal gap.

  And about tables, I would do pretty the same. As your td height is determined by the content height + a padding value, you can modify this padding with a little bit of CSS magic. Right now it is 12px and you could make it 5px for instance:

  th, td {
      padding: 5px;
  }

  Hope this helps. :)

• 

  minicollar · Member · Oct 14, 2015 at 3:12 pm

  • Copy link

  Thanks raulanton, that does help and is what I thought I would need to do, but wasn’t quite sure how to go about it.
  Can you tell me how to easily find the parameters/properties of the theme…is there a CSS file I haven’t found yet???
  Thanks again, Mini

• 

  minicollar · Member · Oct 14, 2015 at 4:02 pm

  • Copy link

  OMG i’ve just installed firebug and it shows me everything and in colours too!!!
  Thanks again for your help!

• 

  staff-jeanpierreac · Staff · Oct 14, 2015 at 4:18 pm

  • Copy link

  You are very welcome!