When the page layout is set with left/right bar the posts are left aligned but center aligned when page layout sets with no bar. How can i left aligned posts with page layout set with no bar?
Followed answered from support without success:
#top .fullsize .template-blog .blog-meta { float: left; margin: 0; }
.entry-content { width: 80%; margin-left: 30px!important; }
#top .fullsize .template-blog .post .entry-content-wrapper > * { margin-left: 30px; }
Please advice with working css.
Hi Khanh Hong!
Send us a link to where your displaying the posts and we’ll take a look.
Best regards,
Elliott
Hey!
Try switching to the Text editor and add this to the bottom,
<style type = "text/css">
#top .fullsize .template-blog .post-title, #top .fullsize .template-blog .post-meta-infos { text-align: left !important; max-width: 3000px !important; }
#top .fullsize .template-blog .post .entry-content-wrapper > * { margin-left: 0px !important; max-width: 3000px !important; }
#top .fullsize .template-blog .post .entry-content-wrapper { max-width: 3000px !important; }
</style>
Cheers!
Elliott
Thank you. It works great. Changed 3000px to 100% to hide post-delimeter and scrolling.
#top .fullsize .template-blog .post-title, #top .fullsize .template-blog .post-meta-infos { text-align: left !important; max-width: 100% !important; }
#top .fullsize .template-blog .post .entry-content-wrapper > * { margin-left: 0px !important; max-width: 100% !important; }
#top .fullsize .template-blog .post .entry-content-wrapper { max-width: 100% !important; }