Quick question,
I have the blog layout just the way I want it on this site:
The posts flush left and I’d like the initial text on the blog page to do so as well. Found some css in the forums but no luck, a bit outdated I think.
Hey tonyiatridis,
The reason you are not having luck with css to make the text in your post look the same as your blog is because in the post the paragraph already has style="text-align: left;"
so that will have to be removed first.
I believe the text on the blog page is “justify” note how both ends of the paragraph is squared.
Best regards,
Mike
Yeah I get that the posts are set to flush left, that’s just what I want. I want the excerpts on the main blog page to flush left as well not be justified, however given this page is dynamically created and pulls in the posts up to the read more break there’s no way to code on page to flush left. What css will make the actual blog page have flush left text. I can’t figure out what to target with css to make that happen. It look okay on the desktop but on the mobile view the justified text isn’t pretty.
THanks,
Tony
Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
#top .post-entry .av_textblock_section p,#top .post-entry .entry-content p {
text-align: left !important;
}
After applying the css, Please clear your browser cache and check.
This should make all of your text aligned left.
Best regards,
Mike
That worked fine, thank you.
Hi tonyiatridis,
Glad that Mike was able to help :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko