Site logo

Archived topic

How to change Homepage post padding?

9 replies · Started by Ajay Nehra on December 31, 2021

Viewing posts 1–10 of 10

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?

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;
}

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

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?

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.

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.

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

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%;
}
}

Thank you so much for understanding me :)

No problem :)

This archived topic is closed to new replies.