How to get a list post

Hi there,

This CSS may be a good start:

@media (max-width: 768px) {
    .post-image-above-header .inside-article .post-image {
        float: left;
        max-width: 100px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    footer.entry-meta {
        clear: both;
        border-top: 1px solid #ddd;
        padding-top: 20px;
    }

    .entry-summary {
        margin: 0;
    }
}

Let us know ??

thank you so much @edge22 it worked perfectly, but please can the text be centralized like this https://www.dropbox.com/s/9zn6h0vb2b74ros/tmp-cam-9091908930051084425.jpg?dl=0 and padded too at the middle of the feature image, I’ll be much greatful

Also I’ll like only the primary category to be displayed on blog
Thanks. too

then lastly
this is what happens when i create a custom size for the future image
https://www.dropbox.com/s/bo653vepp8fz51b/Screenshot%20%2843%29.png?dl=0
they are not in order. can it be rectified?

Hi there,

It looks like you’re using another solution to display posts now – I’m not seeing any standard GeneratePress archives on the site.

Let me know ??

Yes I’m not done with the design, so I switched to my old theme first. ????

@edge22 the css code you gave me for the image alignment, this is how it looks on mobille devices https://www.dropbox.com/s/abbefsngo6tz7r3/Screenshot%20%2846%29.png?dl=0
The caption is Still not aligned beside the feature image.

• This reply was modified 4 years, 7 months ago by Chrisblogs.

Hi there,

i checked your site and that CSS is working – did you resolve the issue?

I’M USING A TEMPORAL FORMAT, I HAD TO USE COLOMN FOR DESKTOP, WHEN I DID, THE MOBILE THEN ALIGNED TEXT THEN ALIGNED, IF I SWITCH TO LIST FOR DESKTOP THE MOBILE TEXT GOES DOWN. BUT I DONT REALLY LIKE IT THOUGH, I’D LIKE TO USE LIST FOR BOTH DESKTOP AND MOBILE.
THANKS.
AND ALSO, I’D LIKE TO COSTUMIZE WIDGET TITLES

• This reply was modified 4 years, 7 months ago by Chrisblogs.

Hi there,

There seems to be something wrong with your site at the moment – I’m seeing a critical error message. Let us know when things are back up ??

things are back now. thank

You can check now, my site is back online

To align them, you can do this:

@media (max-width: 768px) {
    .archive .generate-columns .inside-article {
        display: flex;
        align-items: center;
    }
}

You’ll want to remove the negative margin you’ve added to the featured image as well.

it didnt work
i think if this code could be adjusted to allow post title beside image, it would do the work
`@media (max-width: 768px) {
.post-image-above-header .inside-article .post-image {
float: left;
max-width: 100px;
margin-right: 20px;
margin-bottom:-200px;
margin-top:-10px;
}

The code I shared has this effect: https://www.screencast.com/t/vQVXMM8XJ

Then you’d just need to adjust the padding of the post area to be consistent on all 4 sides.