Home › Forums › WoodMart support forum › How to set Advanced Typography for product Tabs titles and subtitles please
How to set Advanced Typography for product Tabs titles and subtitles please
- This topic has 14 replies, 2 voices, and was last updated 3 years, 10 months ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
April 15, 2021 at 7:40 am #283090
[email protected]ParticipantI’d like to use the Advanced Typography function to change the font used on the product page tabs but I don’t know what to put in the custom class box. Sorry, I’m an absolute beginner so I don’t know this kind of stuff.
The example given on this documentation page is .woocommerce-billing-fields h3
I presume different elements have set descriptors like this, but how do I find what they are? Or do I have to somehow assign a label to the text I want to change?The font settings I would like to change are all the sections in the TABS on product page that currently show as primary font: Tab labels, the attributes shown on Additional Info tab, and on Review Tab the text that says “BE THE FIRST TO REVIEW [THIS PRODUCT]”
thank you
Attachments:
You must be logged in to view attached files.April 15, 2021 at 12:29 pm #283200
Aizaz Imtiaz AwanKeymasterHello,
I saw the screenshot you attached.
Please try using the class “
.tabs-layout-tabs .tabs li a
” in the Custom Selector of Advanced typography settings.Best Regards
April 18, 2021 at 11:55 pm #284150
[email protected]ParticipantThanks! That works for the tab titles so that’s great. I don’t suppose you could also give me the class name for the attributes listed under the Additional Info tab – see screenshot, where it says, “weight, brand, size, type”
Also on Review Tab the text that says “BE THE FIRST TO REVIEW [THIS PRODUCT]”I really appreciate your help. I know you must be very busy helping everyone!
April 19, 2021 at 6:17 am #284181
Aizaz Imtiaz AwanKeymasterHello,
You are Most Welcome.
Please try using the following Classes in the advanced typography Settings.
" th.woocommerce-product-attributes-item__label "
" .woocommerce-Reviews .comment-reply-title "
Best Regards
April 22, 2021 at 8:16 am #285409
[email protected]ParticipantThanks again, but can I please have help with another one?
In standard typography settings, I have ENTITIES NAMES FONT (which includes Titles for posts, products, categories and pages) set to Cabin (a plain font).
Product titles on category page and on single product page are this font (as it should be),But I have bundled products (using WooCommerce Product Bundles) and on the bundled product pages we have the name of the bundle kit = product title which is in correct font, but then we have all the included products listed and though they are product titles too, it seems they are treated as section titles (or headings?) because they are showing in my primary font (a fancy one). Would I be able to change this with Advanced Typography (if so, what is class name please?) or any other way?
Attachments:
You must be logged in to view attached files.April 22, 2021 at 11:23 am #285521
Aizaz Imtiaz AwanKeymasterHello,
I saw the screenshot you attached and visited your website.
Please make sure that you have added the product bundles to the product to check it myself and help you out accordingly.
Because currently there are no products displaying in the URL you sent me.
Best Regards
April 22, 2021 at 11:29 am #285524
[email protected]ParticipantOh, that’s because I was told to deactivate all plugins in order to solve a separate issue. So the Product Bundles plugin is currently inactive until the other issue is fixed.
April 23, 2021 at 5:20 am #285758
Aizaz Imtiaz AwanKeymasterHello,
Ok we will wait for you to reactivate the plugin again so I can check it myself and help you out accordingly.
Best Regards.
April 30, 2021 at 12:24 pm #288346
[email protected]ParticipantHi, the site is up and running now with bundled plugin on, so if you could take another look at the question of changing font for products within bundled product, that would be great, thanks!
Attachments:
You must be logged in to view attached files.April 30, 2021 at 12:40 pm #288370
Aizaz Imtiaz AwanKeymasterHello,
I saw the screenshot you attached.
Please disable the maintenance mode because currently I am unable to visit your website.
Regards.
Xtemos StudiosApril 30, 2021 at 1:55 pm #288399
[email protected]Participantanother of your staff turned this on (I don’t want it on) and it wont’ turn off!
May 1, 2021 at 1:27 am #288526
[email protected]Participantmaintenance mode is off now
May 3, 2021 at 6:30 am #288997
Aizaz Imtiaz AwanKeymasterHello,
Please try using the following Class in the Custom Selector of the advanced typography.
”
span.bundled_product_title_inner
” Then try setting the font accordingly.Regards.
Xtemos StudiosMay 3, 2021 at 1:55 pm #289128
[email protected]ParticipantPerfect! Thanks very much!
May 4, 2021 at 5:34 am #289293
Aizaz Imtiaz AwanKeymasterMost Welcome!!!.
I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.
We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.
Thanks for contacting us.
Have a great day.Topic Closed.
Best Regards. -
AuthorPosts
The topic ‘How to set Advanced Typography for product Tabs titles and subtitles please’ is closed to new replies.
- You must be logged in to create new topics. Login / Register