How to style blog posts text only?

[Joanna]

Hi there,

I would like to kindly ask you for help. Is it possible to style blog posts text only? When I change Font Options in Theme Settings for body my whole website is changing. I would like to change the style only for all the blog posts itself to: font-size: 18, font line-height: 30 and font-color: #424242. Is it possible?

Thank you,

Joanna

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.article-body-wrap p {
    font-size: 15px;
    line-height: 15px;
    color: #424242 !important;
}

Thanks
Mohammad

[Joanna]

Hi there,

Thank you for your help. I tried the code already but it does not help. It only styles the text partially. Please see in this article: http://www.varrojoanna.com/home-office/
Seems like font and line-height are OK but colour did not apply everywhere. Please see marked on screenshot. Also, styling did not apply to lists.

Thank you,

Joanna

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please attach marked screenshot to indicate the color issue.
Thanks
Mohammad

[Joanna]

Hi there,

I am not sure what do you mean. On the screenshot you can see that the top paragraph has the default black colour and the second paragraph has a correct – grey colour. It happens across whole article. Attached screenshot with marked.

Also, the styles did not apply at all to lists, numbering etc. You can se it in this post, where is numbered list: http://www.varrojoanna.com/home-office/

Thank you,

Joanna

Attachments:

You must be logged in to view attached files.

[Joanna]

OK, I have managed to fix the paragraphs myself. Now, I am left only with the numbering and lists, where the styling did not apply at all. Please see attached the screenshot with the example.

Can anyone please assist?

Thank you,

Joanna

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.article-body-wrap ul li {
    font-size: 15px;
    line-height: 15px;
    color: #424242 !important;
}

Thanks
Mohammad

[Joanna]

Hi there, this code was not good but I found another solution:

.article-body-wrap ol li {
font-size: 15px;
line-height: 15px;
color: #424242 !important;
}

Can I please also ask you. I have managed to style all blog posts wrap (the white background around the posts) with the below code and works perfectly. But unfortunately this style applied also to my portfolio items here: http://www.varrojoanna.com/?portfolio=smart-angel-business-cards . Attached also screenshot with market, where I would not want this styling applied.

Is there any way to style only the blog posts, without styling the portfolio items pages? Maybe to exclude somehow portfolio page?

.article-body-wrap {
background:#fff !important;
padding: 100px;
border: 3px solid #f7f7f7;
}

Thank you,

Joanna

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please try to use this custom css code:-

.single-post .article-body-wrap {
background:#fff !important;
padding: 100px !important;
border: 3px solid #f7f7f7;
}

Thanks
Mohammad

[Joanna]

Wow, super! Now all is perfect!

Thank you very much for your time and solutions!

Joanna

[Mohammad – SUPPORT]

Hi,
Glad 🙂 to help you.
Thanks
Mohammad