1. With your help I could change the Font size of the title of the Facebook Comment Plugin for the posts.
(From what I can see that plugins title you have set inherits the post content heading title font and color – https://www.screencast.com/t/gLj9pr7ny set here – https://www.screencast.com/t/z4iV8VGlzQ – https://www.screencast.com/t/6hwMXL63v)
But now I face a problem for WooCommerce product Page. Hier also I want to reduce the font size of the description of the Facebook Comment Plugin.
https://www.screencast.com/t/2hdOhXHNLs2Y
2. How to change the font type of the Product description of Woocommerce? Any custom code to use desired font?
Unfortunately the facebook comments description comes as a simple h3 title with no extra class for me top provide a css for. If you change the h3 tag font it will also affect the facebook comments.
Sorry but there is no css I can provide as there is no class to tie into.
As for the woocommenrce font use this code: Unfortunately die to your site protection plugin I cannot copy and paste the code from the widget: https://www.screencast.com/t/YtWTajIL you will have to type it in.
Thank you!
1. Then, any CSS Code solution not to display this description on Woo Commerce product Page?
2. The given solution to type css code, did not give the desired result.
Temporally, I have disabled site protection plugin.
I want to to use a custom added font named- Meera Font. Would you please inspect the problem?
3. Also there is another problem for Woo-commerce Product titles. Font size remains unchanged for default font size and changed font size. https://www.screencast.com/t/qXUiwfKQ7 https://www.screencast.com/t/s6ABh9fdVna8 (Font family changes, but not font size)
Thanks for your support.
First problem is solved by disabling Facebook Comments for the product.
In order to load a custom font you either have to use it on another element of your site already or if not, you need to load it with css like so:
@font-face {
font-family: 'add your font family here';
src: url('add the source url for the font. insert the path that leads to the font') format("opentype");
font-weight: normal;
font-style: normal;
}
Then you can use the code I provided above and change the font name from verdana to the one you want
3. I’m not sure what does not work. The size or the family for products?
2. A custom font is used for whole website. Except for woocommerce, for all other elements it is working perfectly. The given css code also did not make any change.
3. Font Size is not changed.
Hi,
Sorry but I can’t seem to find your site anymore. Please contact us via email at contact@tagdiv.com and provide a link to your site pointing at a woocommerce page where you want the font changed so I can inspect it and provide the proper css code.
You can also provide wp-admin in case we need access to the back-end though.
Thank you!
I have sent an email to contact@tagdiv.com with details.
Thanks
Ok.
We will investigate and come back with an answer with our findings via email.
Thank you!
