[Resolved] How to change Homepage post padding?

Home Forums Support [Resolved] How to change Homepage post padding?

Home Forums Support How to change Homepage post padding?

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #2064561
    Ajay Nehra

    I’m trying to change the padding of homepage post, but whenever I change the padding of homepage post, the padding inside the single post also changes.
    How to change padding of homepage post only?

    #2064765
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS to change it just on the homepage and archives:

    body:not(.single):not(.page) .inside-article {
        padding: 10px 40px;
    }
    #2064793
    Ajay Nehra

    Homepage post showing differently in mobile. What to do to show exactly the same list view in mobile?

    #2065080
    Ying
    Staff
    Customer Support

    Homepage post showing differently in mobile. What to do to show exactly the same list view in mobile?

    Not sure what this means, are you saying on mobile and desktop you are seeing different posts list?

    If so, can you try clear your browser cache on both your desktop and mobile?

    #2065088
    Ajay Nehra

    I’m not using any caching plugin ….. Please open my website in both desktop and mobile and you will understand what I want to say.
    I want same post view in both desktop and mobile. I have given my website link in Private information, please check.
    Sorry but…. your support is very slow.

    #2065115
    Ying
    Staff
    Customer Support

    Please open my website in both desktop and mobile and you will understand what I want to say.

    I did and they look the same on both of my devices.

    I’m not saying clear your site cache but your device browser cache.

    #2065127
    Ajay Nehra

    I have cleared browser cache many times and also opened it on new device.
    In desktop the post image is on the left side and the post title is on the right side, whereas in mobile the post image is above the title and the post title is below the image.
    I don’t understand how they can look the same on both your devices.
    I want to show image left side and title right side in mobile device also

    #2065131
    Ying
    Staff
    Customer Support

    In desktop the post image is on the left side and the post title is on the right side, whereas in mobile the post image is above the title and the post title is below the image.

    That’s called responsiveness.

    I misunderstood your question, didn’t think that way, because most of users would like to have responsiveness on mobile so it’s easier to read on small screen.

    Try add this CSS:

    @media (max-width: 768px) {
    body:not(.single):not(.page) .inside-article {
        display: flex;
    }
    body:not(.single):not(.page) .inside-article .post-image {
        width: 40%;
        padding-right: 20px;
    }
    body:not(.single):not(.page) .inside-article .entry-header {
        width: 60%;
    }
    }
    #2065149
    Ajay Nehra

    Thank you so much for understanding me ๐Ÿ™‚

    #2065187
    Ying
    Staff
    Customer Support

    No problem ๐Ÿ™‚

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