Home › Forums › WoodMart support forum › font style needs to match on sidebars and hand picked products
font style needs to match on sidebars and hand picked products
- This topic has 3 replies, 2 voices, and was last updated 6 months, 1 week ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
August 22, 2024 at 3:51 pm #591835
robrian565ParticipantHello, I’m currently using alumni sans fonts and I can’t seem to use the same fonts on certain elements of my site even under advanced fonts. I can make it work under the elementor text controls page with certain elements but not the ones I include in the screenshots. I will include the screenshots of where it does work and where I can’t get it to match.
I have the below code under global css for the areas that show the font style I use and like, but I don’t know what I need to put there for the areas that still don’t show the font I want to show in the attached screenshots.
Can you please let me know where I can change/adjust the ones in question so it matches site wide or the code I would need to add under global css for the areas in question please?
I need to make the following match the font and color I show that are correct in the screenshots. Most is sidebar related. I pasted the link for the exact page i used in the screenshot for the example of what i need to change.
Main product description
RECENTLY VIEWED PRODUCTS (title)
RECENTLY VIEWED PRODUCTS (description title)
INDUSTRY NEWS CATEGORIES (title of blog post categories)
LATEST CBD VAPE & KRATOM NEWS (is the title for individual post categories assigned to that sidebar)
Individual Blog Titles in the sidebar
Related products (title in upper case)
Hand Picked products (description title in uppercase)
and I would like them to match the bright green I use where that color is I believe controlled from color settings I but I don’t know where to change it for the above areas in question because those show as white.body.single-post p{
font-size:26px;
color: #959595;
font-family: Alumni Sans !important;
text-transform: uppercase;}
[class*=”title-line-“] .wd-product .wd-entities-title {
overflow: hidden;
max-height: none !important;
line-height: 1 !important;
}
.wc-block-grid__product .wc-block-grid__product-title {
font-size: 1rem;}
.price .amount {
font-size: 1rem;
}Please let me know. You all have always been really great with support which is one of the main reasons I keep purchasing you templates, the main reason is your template is awesome.
Thank you
Attachments:
You must be logged in to view attached files.August 23, 2024 at 10:46 am #591971
Aizaz Imtiaz AwanKeymasterHello,
You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.
Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/
Best Regards
August 23, 2024 at 2:38 pm #592058
robrian565ParticipantHello, thanks for the reply, but that really doesn’t help me unless I know what those elements are called so I could type the right rule and change them. In the advanced example of the link you sent, they are showing how you change the font for “.woocommerce-billing-fields” which is great, but how do I know what to call the examples I showed you in the screen shots.
Do you guys have a list or could you look at the examples I asked about in the screenshots and let me know what I would call it after I make a custom selector?
An example is what would the recently viewed products widget title be called? It would not be called woocommerce-billing-fields, it would be called something else. I right click to inspect that element and dont see what i should use as a name to change that font style.
So how can I find out the name for each example I need to change in the screenshots I showed you?
Please explain in detail on how I can learn or find the name and I’ll use the custom selector and advanced option to style those fonts.
Thanks!
August 24, 2024 at 1:43 pm #592234
Aizaz Imtiaz AwanKeymasterHello,
First, you should change the font for the site in the Theme Settings >> Typography >> Basic settings for all types of widgets>> select the font for each option and then check it will apply on your all site or not, I am sure all the fonts on the single product page will apply automatically: https://ibb.co/HBPz2hY
Otherwise, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register