How to change the font of the product titles?

Hi there,

You could try with the class .section-title but if it still doesn’t work and, as this forum is more focused on the default WooCommerce core features, you could reach out to a CSS expert in Codeable that can help you with this and with other customizations you may need on your site.

Best regards.

Well, I must say that I finally solved the problem.
The solution was in @rynald0s comment, call the Fonts from CDN.

First it didn’t work, but it was my mistake since I was calling font-family wrong, I did it like this: font family

Fixed this bug, everything started working.

I must say that it was thanks to you, my thanks.
@ihereira , @shaonback2 , @hegenberg , @kaushiksomaiya

Greetings and never stop being so kind

Well, I must say that I finally solved the problem.
The solution was in @rynald0s comment, call the Fonts from CDN.

First it didn’t work, but it was my mistake since I was calling font-family wrong, I did it like this: font family

Fixed this bug, everything started working.

I must say that it was thanks to you, my thanks.
@ihereira , @hegenberg , @kaushiksomaiya , @shaonback2

Greetings and never stop being so kind

Hello.
Please excuse me again friend @rynald0s
I’m having some problem with the tone of the fonts.
I would like the letter to be bold , since now the color is ” Gray ”

I’ve tried to find CDN links to font-weight: bold from University, but I don’t know how to get the black or bold font.
Can you tell me any ideas to achieve this ?

Thank you

• This reply was modified 2 years, 8 months ago by dianaclient.

Hi @dianaclient

To use bold typefaces, you can use the last @font-face declaration as provided by @rynald0s:

@font-face {
    font-family: 'University Roman Std';
    font-style: normal;
    font-weight: 700;
    src: local('University Roman Std'), url('https://fonts.cdnfonts.com/s/39875/UniversityRomanStdBold.woff') format('woff');
}

This font-style will be applied to an element as long as you add font-weight:bold to its CSS rule.

I’ve checked it on a test site and it worked as expected (click the image to enlarge):

Regards

Thank you for your comment @hegenberg
I used your code, but it doesn’t work on my site. I don’t see a way to make the text “black" or "bold".
That is why there are parts of the web where the text is not very well distinguished
Thanks, I’ll keep looking or maybe ask a new question

.mynegritas {
  font-family: 'University Roman Std', sans-serif;
  font-weight:bold !important;
}

• This reply was modified 2 years, 8 months ago by dianaclient.
• This reply was modified 2 years, 8 months ago by dianaclient.

Hi @dianaclient,

We’re happy to assist on this forum but not being able to check the site’s output doesn’t help. Could you please send us a screenshot of the page showing the corresponding elements and style that you want to customize?

Please note that we can help with basic CSS but for continued support with customizations we highly recommend getting in touch with one of the customization experts listed at: https://woocommerce.com/customizations/.

Best regards.

Thank you for your comment @rainfallnixfig

If I could afford to hire a professional, I would not come here to bother you, it is also true that this may not be the place to ask this question and for this you are angry with me.
I’m trying to help a friend with this project, and we split the work between the two of us.
If this isn’t the right place to ask, you can tell me and I’ll look elsewhere.

I’m sorry to bother you, it’s not my intention to bother anyone.
Here I show a capture of a page of the site uploaded to IMGBB

https://ibb.co/kKf4QN5

Thank you

Hey @dianaclient,

You’re not bothering at all 🙂 and I’m sorry if you got that impression. I was simply confirming what the support on the WooCommerce core forum covers and what it does not cover in order to set realistic expectations. You can read more on the support policy page:

https://woocommerce.com/support-policy/#customization

Back to your CSS issue, it seems that you want a darker color for the text.

I don’t know how to get the black or bold font

You can try adding color: black; and to learn more about text color property here’s a tutorial from w3schools.com: https://www.w3schools.com/css/css_text.asp.

W3 Schools is a good place to start learning CSS but I can also recommend the following article for CSS help:

https://wordpress.com/support/editing-css/#css-help

Also, since the layout and styles of a website are controlled by the theme and not by WooCommerce it would be a good idea to get in touch with the theme author, and if they can’t offer customizations for free, you could discuss more or ask advice to other Flatsome users on their Facebook Community Forum.

Hope this helps.

Thank you @rainfallnixfig

Your last comment has been of great help and I have achieved it by adding color: black;

I used this before, and I don’t know why this didn’t work, and that’s why I forgot about this option.

Thank you for your comment and of course for sharing these good links with me and with everyone who comes to this topic.

I hope this helps future users who have doubts.
All the best

• This reply was modified 2 years, 8 months ago by dianaclient.