change font-size of tax-info and shipping-costs-info

Dazzling
1

I want to Change the font-size of tax-info and shipping-costs-info.
I tried to add a custom css like:

.woocommerce-additional-info{
font-size:18px;
}

or
.wc-gzd-additional-info{
font-size:18px;
}

but nothing work.
My testsite is agoshop.hochl-it.at

Hope you can help me
kindly regards

2

Hello there,

I hope you are doing well today.

Could you please provide a link to your website so that I can inspect it and provide some options?

Best Regards,
Support

3

I have already write it.
Here again the site: agoshop.hochl-it.at

4

Hey there

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*shipping description size */
tr.shipping td {
    font-size: 12px;
}
/*tax font size*/
tr.order-tax th {
    font-size: 12px;
}

Best Regards,
Support

5

Hi!
Thanks for your answer but nothing will change.
Hope you can help me again.
kindly regards.

6

Hey there,

Please try the CSS with the !important rule It should work.

/*shipping description size */
tr.shipping td {
    font-size: 12px !important;
}
/*tax font size*/
tr.order-tax th {
    font-size: 12px !important;
}

Best regards,
Support

7

Hey there

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*change z-index position */
@media (max-width: 550px){
button.navbar-toggle {
    position: relative !important;
    z-index: 99999 !important;
}}

Best Regards,
Support

8

Kindly regards for your answer but your Code doesn’t work.
I find now the following solution which will work:

/*shipping description size */
p.wc-gzd-additional-info.shipping-costs-info{
font-size: 10px;
}
/tax font size/
p.wc-gzd-additional-info.tax-info {
font-size: 10px;
}

9

Hey there,

Happy you found a solution and thank you for sharing it with the community.

Best Regards,
Support.