Custom css not overriding

[commonpeoples 0]

Hello, Ive been trying to use firebug to override a style in my site http://getliftedgym.com/products-page/ the product description box is to small it needs to be expanded to 150 pixels... I locating the css identifier and have found it but when placed in the custom css box it doesnt complete the request you can see it glitches a bit at the correct size then goes right back to the wrong size. Anything on the subject would help thank you. below is the css i used .product_grid_display .product_grid_item { width: 150px; }

[catrina 103]

Try adding the CSS to your base.css file instead. First, make sure the child theme (PlatformBase) is enabled so that you can go to Appearance > Editor and paste your custom CSS in that file.

[commonpeoples 0]

thank you fr your help but it was unsuccessful, i noticed that when i use firebug to adjust the width of that table the correct css is below it but crossed out and above it is the width its following which is element.style { width: 68px; }

[timlinson 3]

try adding !important to your width to override product_grid's styling: `width: 150px !important;`

[commonpeoples 0]

Your a genius tim thank you that worked!