How to change font size of specific table

[solidsn2004]

Hi,

I wanted to change the font size of the woocommerce short description that appears under my products page.
I have added the following code to functions.php file in order to be able and show a short description under each product image:

add_action('woocommerce_after_shop_loop_item_title','woocommerce_template_single_excerpt', 5);

I have also hidden the short description from the product page using the following css:

div.product-short{
display: none;
}

Inside each product I have added a small table with the amount of items of the bulk order plus the price of each individual item.
I wanted to change the font size of the text inside the table and make it bold so I put this css code:

table{
font-size: 0.8em;
font-weight: bold;
}

Only problem is that when I use this css code it interferes with the font in the tables of some gravity forms I have created inside some pages. Basically to give you an example, if you click on the page of the umbrella product which you can find either in the home page at the bottom or in the shop page and you redirect into the product page you can see the drop down option “Quantità” being very small.

Is there a way to target only the text of the tables inside the product short description?

Thanks in advance.

[solidsn2004]

If I add the following code it seems like it resolves this issue:

.woocommerce div.product form.cart .variations td.label label{
font-size: 1.3em;
}

My question is:

If I use the code above will I be stuck with 1.3em font size in tables of other gravity forms?

[David Martin – Support]

Hi,

The code you posted looks very specific to your tables, I do not see there being any interference.

You are correct in the approach to add a unique class to your tables: <table class="my-custom-class"> you can then add your own CSS for that table table.my-custom-class { font-size: 3em!important; }

– David.

[solidsn2004]

Thanks a lot David!
I really appreciate it.

[Mohammad – SUPPORT]

Hi,
Great thanks to David.
Mohammad