customizr- change font style and size of product name display

Hey Cecile,

How are you doing today?

This should be possible with some custom CSS. Could you please post link to the page where I can see this and please point out to it and I’ll be happy to help with some CSS code ??

Cheers,
Bojan

thank you my site is not launched yet. I could send you the page source as a screen shot?

this is the link:
link: https://mahaalmusa.com/index.php/buy-here/

thank you very much.
Cecile

Hello,
Hope you are well.
Is there anyway you can allow us access to the site? We cannot give CSS recommendations unless we can see it.

Thanks.

I am not really sure how to do this if it is not launched? i cannot give you the access to my backend- would you have any suggestions?
thank you

Hey there cecilecolares,

From the link you’ve posted above it seems like you just have maintenance plugin activated.

If that is the case, you can temporary disable it until we help with CSS?

Cheers,
Bojan

yes i do- ok i have removed the maintenance mode , but please let me know as soon as you have worked on it then i can put it back. the site is not finished and the big launch is feb.

thank you so much.
Cecile

Hey again Cecile,

Thanks for that, I’ve checked your site and to change this please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:

https://www.ads-software.com/plugins/simple-custom-css

.woocommerce ul.products li.product h3 {
    font-size: 24px;
    font-family: 'Alegreya Sans';
}

.woocommerce ul.products li.product .price {
    font-size: 24px;
}

This should be the result https://screencast.com/t/oASOazknjC.

Hope this helps ??

Cheers,
Bojan

Great thank you very much for your help! I really appreciate. I copied the code in the advanced option: CSS.

The size of the font has changed but the font remains sacremento and not alegreya sans.

I hope i can change it. Thank you
Cecile

Hey again Cecile,

The value of font-family property doesn’t look good. Can you please take a screenshot of the code and that CSS tab where you are adding it?

Also could you try installing plugin that I’ve mentioned above and try adding the code to Appearance -> Custom CSS once the plugin is installed and activated.

Please let me know how that goes ??

Cheers,
Bojan

Hello Bojan,
I don’t know how to send you a screen shot on this forum. but please find below the code i copied in my template in the box provided by template.
Apperance>customize>advanced options>CSS custom

.woocommerce ul.products li.product h3 {
font-size: 24px;
font-family: ‘Alegreya Sans’;
}

.woocommerce ul.products li.product .price {
font-size: 22px;
}

I WILL ALSO TRY TO ADD THE PLUGIN YOU ADVISED ME.

thank you
Cecile

I did installed the plugin and copied the code to> custom CSS and the result is the same. Font AND size doesn’t change.

/.woocommerce ul.products li.product h3 {
font-size: 24px;
font-family: ‘Alegreya Sans’;
}

.woocommerce ul.products li.product .price {
font-size: 22px;
}

thank you
Cecile

Hey again Cecile,

I’ve checked your site and I can see that you’ve activated maintenance mode again so I’m not being able to help you here without actually seeing your site.

Also what is the forward slash (/) doing there before your selector in the first line of the code you posted here https://screencast.com/t/SeOXTZcP8KrL?

As for screenshots you can use sites such as dropbox.com or screencast.com to upload your images so you can just paste image links here.

Best regards,
Bojan

Perfect! thank you – it is all working now! the (/) was the issue!

I really appreciate your help. Thank you so much again Bojan!.

Warm Regards,
Cecile

Hi Bojan,

I have another font size issue with the links under the menus on my home page:

1-Terms&conditions
2- Maha’s blog post

I have the customizr template pro, but i can’t seem to find where i can update the font color, style and size…

Would you have a code for this as well i could add in the CSS custom?

Thank you in advance for your help.

Cecile