Font of product name in a page or post « Support Forum | Kriesi.at

Support Forum » Abundance

Font of product name in a page or post

9 posts from 3 voices

Started 1 year ago by carloshf
Latest reply from Devin
This topic is closed
This topic is resolved

Tags:

carloshf
Member

Hi, i've created a page within featured products woocommerce shortcode, i've added to template builder frontpage as a new element, but it`s a little problem: the name of the products appears with all words in cap style, how can i do it just like "product" element from the theme (cap letters and lowercase letters?

Thanks

Posted 1 year ago #
Mya

Hi carloshf,

Sounds like you'll need to set the text-transform style of the product name to capitalize not uppercase. In order to give you the exact code we'd have a see the page for ourselves. Can you a post a link to your website?

Regards,
Mya

Posted 1 year ago #
carloshf
Member

Exactly, Ok, Mya: http://www.beautyseleccion.es, look at the difference between the letters in both groups (product and Featured (Productos Destacados) just below), i need all the product names to have the same look.
THNKS.

Posted 1 year ago #
carloshf
Member

First is "Products" element from Theme Builder, and the second one is a page.

Posted 1 year ago #
Mya

Hi carloshf,

Try adding this to your custom.css or Quick CSS.

.entry-content .product h3 { text-transform: capitalize; }

Regards,
Mya

Posted 1 year ago #
carloshf
Member

Yes, it works!!!!, but why the font-type is different than the first one, h3 is the guilty?, i would like the font-type were the same always, you know, the look and feel of the site.

Posted 1 year ago #
Mya
Hi carloshf,

Actually, it's this line of the default CSS that's causing the issue:
```
.entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    letter-spacing: 1.5px;
}
```
What's happening is it adds spacing the between the letters which causes it to look like different fonts. So you can change that by adding this to your custom.css or Quick CSS.
```
.entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    letter-spacing: normal;
}
```
Regards,
Mya
Posted 1 year ago #
carloshf
Member

aaaaaaabsolutlyyyyyyy!!!!!!!!!!
thank you very much!!!!!

Regards.
Carlos

Posted 1 year ago #
Devin
Moderator

Hey Carlos,

Glad the css from Mya was able to sort everything out :)

Regards,

Devin

Posted 1 year ago #