Home › Forums › ArileWP Pro › How to center blog post on home page

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 10, 2020 at 6:18 am #9526
    Kim Huynh
    Participant

    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?

    October 10, 2020 at 7:14 am #9528
    themearile
    Keymaster

    Hi Kim Huynh

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

    Thanks

    October 10, 2020 at 8:12 am #9544
    Kim Huynh
    Participant

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

    October 10, 2020 at 8:50 am #9546
    themearile
    Keymaster

    Hi Kim Huynh

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

    Thanks

    October 10, 2020 at 9:55 am #9549
    Kim Huynh
    Participant

    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.

    October 10, 2020 at 9:58 am #9550
    Kim Huynh
    Participant

    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.

    October 10, 2020 at 10:06 am #9551
    Kim Huynh
    Participant

    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.

    October 10, 2020 at 11:20 am #9553
    themearile
    Keymaster

    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

    October 11, 2020 at 2:23 am #9563
    Kim Huynh
    Participant

    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.
    October 15, 2020 at 7:24 am #9685
    themearile
    Keymaster

    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
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.