Author Topic: Easy Review Builder - Edit table size/spacing?  (Read 6992 times)

andyby2k26

  • Tadpole
  • *
  • Posts: 3
  • Karma: +0/-0
    • View Profile
Easy Review Builder - Edit table size/spacing?
« on: March 23, 2011, 06:19:33 PM »
Hi!

Thanks for what seems to be a great plug in - does the job with minimal work!

I know little to nothing about coding, but was just wondering if there is any way to modify the size and spacing of the table? My theme seems to have made it a bit larger than I would like it to be. (Please see attached image)

Here is a link to the site with the table:

http://gameftw.co.uk/ps3-reviews/bulletstorm-review

Any help would be really appreciated!

Thanks in advance.

doug@dyerware.com

  • Administrator
  • Sr. Member
  • *****
  • Posts: 456
  • Karma: +15/-0
    • View Profile
    • Email
Re: Easy Review Builder - Edit table size/spacing?
« Reply #1 on: March 27, 2011, 02:27:22 PM »
Hi,

Sorry for the delay.

Your theme file is overriding the TH of a table (http://gameftw.co.uk/wp-content/themes/2010-weaver/style.css).  You also have another file by weaver affecting all tables of your site (http://gameftw.co.uk/wp-content/uploads/weaver-subthemes/style-weaver.css).  The primary culprit is in both files:

Theme file:
Code: [Select]
#content tr td {
border: 1px solid #AAA;
padding: 5px 10px;}

uploads/subthemes file:
Code: [Select]
#content tr td {border-style:none; border-top: 1px solid #e7e7e7; padding: 6px 24px;}

In both cases, put a little x by each of them as such:
xtr xtd

and then try deleting your site cache and looking at the review again.  If you don't like what you see, you can edit that file again and delete the 'x's to put things back the way they were.

post back any results/info!
thanks

-d

andyby2k26

  • Tadpole
  • *
  • Posts: 3
  • Karma: +0/-0
    • View Profile
Re: Easy Review Builder - Edit table size/spacing?
« Reply #2 on: March 28, 2011, 08:41:57 AM »
Hi again,

Thanks for the help, editing the tr td has pretty much fixed the problem.

There is still a space above and below the "Overall" section of the table though. Is there any way of removing these? (I would presume this would be done by editing the plugin itself)

Thanks,

Andy

doug@dyerware.com

  • Administrator
  • Sr. Member
  • *****
  • Posts: 456
  • Karma: +15/-0
    • View Profile
    • Email
Re: Easy Review Builder - Edit table size/spacing?
« Reply #3 on: March 29, 2011, 02:06:24 AM »
Similar culprit. 

In the uploads one (http://gameftw.co.uk/wp-content/uploads/weaver-subthemes/style-weaver.css) note the margin of 24 pixels forced onto every table:

Code: [Select]
#content table {border: 1px solid #e7e7e7;margin: 0 -1px 24px 0;text-align: left;width: 100%;}

Also the extra shading is forced by your theme as well (if you did what was suggested earlier to http://gameftw.co.uk/wp-content/themes/2010-weaver/style.css this will clear up as well)

andyby2k26

  • Tadpole
  • *
  • Posts: 3
  • Karma: +0/-0
    • View Profile
Re: Easy Review Builder - Edit table size/spacing?
« Reply #4 on: March 29, 2011, 08:58:44 AM »
Brilliant, got rid of the extra padding.

As for the extra shading, I have added 'x's to the 'tr td' within style.css but the shading still appears. Any suggestions?

Thanks again for the help, you've been a great support!

doug@dyerware.com

  • Administrator
  • Sr. Member
  • *****
  • Posts: 456
  • Karma: +15/-0
    • View Profile
    • Email
Re: Easy Review Builder - Edit table size/spacing?
« Reply #5 on: April 01, 2011, 01:48:15 PM »
Ok here are some more things for you to use the 'x' trick:

in http://gameftw.co.uk/wp-content/themes/2010-weaver/style.css:

Code: [Select]
<add x>td {
margin:0;padding:4px 4px;
}

and
Code: [Select]
#content <add x>tr <add x>th, #content <add x>thead <add x>th {
color: inherit;
background-color: rgba(0,0,0,.1);
font-size: medium;
font-weight: normal;
line-height: normal;
padding: 5px 10px;
}


And if you want the full theme-free effect, make some changes to this one: http://gameftw.co.uk/wp-content/uploads/weaver-subthemes/style-weaver.css:
Code: [Select]
#content <add x>tr <add x>th,#content <add x>thead <add x>th {color: #888;font-size: 12px;font-weight: bold;line-height: 18px;padding: 9px 24px;}