How to center blog post on home page

[Kim Huynh]

Hello,
I added a blog post using elementor to the pro theme homepage and the alignment is to the left. How can I center the blog post so that it is in the middle?

[themearile]

Hi Kim Huynh

Please share your site URL so we can provide you the CSS code for this.

Thanks

[Kim Huynh]

Hello, the site URL is https://www.the-glass-guy.com

[themearile]

Hi Kim Huynh

We have not seen the blogs on your site so please share the page URL where you get this issue.

Thanks

[Kim Huynh]

The ‘blog’ post is the info that says PHOENIX, get a free estimate, etc and with a contact form. That is the blog post on the home page. And the entire thing is skewed to the left. I want the entire thing centered in the middle. It looks centered on mobile and tablet view, but its skewed on website view.

[Kim Huynh]

The only other URL I can find for the ‘blog’ post is this https://www.the-glass-guy.com/windows-installation-phoenix-2020/

I hope this helps.

[Kim Huynh]

My client wants the info to look exactly like that on the homepage of the website plus being centered, and I don’t know what to use besides ‘blog’ to put that info on the homepage. I can’t find any customization on the pro theme that lets me just put text, contact form and center everything in the middle.

If there is a way and I don’t have to use the ‘blog’ post route to put this info, please tell me.

[themearile]

Hi Kim Huynh

Please add the below CSS code in the Additional CSS box.

.theme-blog .post .entry-header::before {
left: unset;
right: unset;
transform: translateX(-50%);
}

Let us know if it works.

Thanks

[Kim Huynh]

Hi,

I have put this code into the additional css box and the blog is still skewed to the left on the website https://www.the-glass-guy.com/

The code did basically nothing, as there looked to be no change.

• This reply was modified 4 years, 8 months ago by Kim Huynh.
• This reply was modified 4 years, 8 months ago by Kim Huynh.
• This reply was modified 4 years, 8 months ago by Kim Huynh.

[themearile]

Hello Kim

Please add the below CSS code in the Additional CSS box.

@media (min-width: 992px) {
body.home .list-view-news .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
}
}

Let us know if it works.

Thanks

[Author]

Posts