Need help with typography

Hello, can you please give me detailed instructions on how to set the font style and size just the blog post content. I don’t see an option that controls that even though I was able to update different parts of the site.

When I go to typography advanced section, I do not see anything listed in the drop down column “assign to element” for the blog post.

I also need to adjust the font size and style on individual products page.

Please help, I’ve been trying to figure this out before posting a help ticket, but I have not been able to figure it out.

Posted a link where you can see the fonts are the basic setup when you first install this theme.

Thanks!

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body.single-post p{
font-size:30px;
  color: red;
  font-family: sans-serif !important;
  
}

You can change the size as per your needs and add other styles.

Best Regards.

Hello, so the info you gave me almost works but has a few issues.

For one on the single blog post page it works, but if you look at the screen shot you’ll see a (warning this product contains nicotine) which is in the header and the size increases on that font.

If you look at the other screenshot which is a single product page, that warning is normal size and the css you gave me doesn’t change the font style on single product. It only changes it on single post but messes up that “warning”

I would really love to use Alumi Sans and included a screen shot of the settings for that font.

Is there anyway to get single post and single product font style changed without it messing up my header text plus can i use the font in the screen shot?

Thank you for your time!

Attachments:

You must be logged in to view attached files.

Hello,

To customize the font style and size for your blog post content, and also for individual product pages, you can edit them using Elementor:

Go to the post or product page you want to modify.
Click on the “Edit with Elementor” button.
Once in Elementor, select the section or widget containing the text you want to adjust.
In the Elementor settings panel, you’ll find options to change font style, size, and other typography settings.

Best Regards.

Hello, I appriciuate you trying to help, but you’re not understanding what I’m talk about. Please look at the screen shots.

First on single products page, elementor does not control the font or font design in the main description.

Second for blog post, elementor does not control that either.

If elementor did, i would have this issue. I need global settings for both with css and when I use what you sent me it breaks my header.

Please look at the screenshots and what I’m trying to change the font style on.

HOW DO I USE CUSTOM GLOBAL TYPOGRAPHY FOR SINGLE BLOG POST AND FOR SINGLE PRODUCT POST SINCE THOSE TWO PARTICULAR ELEMENTS ARE NOT CONTROLED BY ELEMETOR AND HOW DO I USE THOSE WITHOUT BREAKING THE HEADER LIKE IN THE SCREEN SHOTS?

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

For the product short description, Navigate to Theme Settings > Typography > Advanced > Choose the custom selector and use this class.

.woocommerce-product-details__short-description

Screenshot for clarification:
https://ibb.co/HHkBsxF

And for the blog post use this class.
body.single-post p

https://ibb.co/ZczWGxY

Best Regards.

[Author]

Posts