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

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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?

    #9528
    themearile
    Keymaster

    Hi Kim Huynh

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

    Thanks

    #9544
    Kim Huynh
    Participant

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

    #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

    #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.

    #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.

    #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.

    #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

    #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 1 year, 8 months ago by Kim Huynh.
    • This reply was modified 1 year, 8 months ago by Kim Huynh.
    • This reply was modified 1 year, 8 months ago by Kim Huynh.
    #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

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.