[Resolved] Excerpt on WP show posts

[stardrive]

Hi Tom,

I want, with your WP Show Posts plugin, to show the post excerpt below the image.
Please, how can I do this?
Currently, there is no alignment option in the Content Tab when editing a list.

Regards,

Stardrive

[Tom]

Hi there,

By default the content should display below the featured image.

Can you show me the page you’re referring to?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[stardrive]

Hi Tom,

I am currently designing a website on a local system.

I have sent the attached image, of the part of the home page I am referring to, to support@generatepress.com, as I don’t know how to attach it in this support forum.

Regards,

Stardrive

[Tom]

You can find the image location and alignment options in the “Images” tab when editing your list.

There’s a forum for WPSP questions here as well, which might be better so others using the plugin can learn from the answers: https://wordpress.org/support/plugin/wp-show-posts/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[stardrive]

Hi Tom,

Thanks. I will use the other forum subsequently.

I have used the image location and alignment options in the “Images” tab when editing my list.
None of the values in image location places the excerpt below the image.

It is only when the image alignment is set to “centre” that the excerpt is below the image; in this case, the display is not ok. I have sent the display to your support email address.
I want the option or value to make the excerpt to be below the image when the image alignment is set to “left” or “right”.

Regards,

Stardrive

[Tom]

Ah I see what you mean.

I guess you could set it to display center, then use this CSS:

.wp-show-posts-image.wpsp-image-center {
    text-align: left;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[stardrive]

Thank you, Tom.

I used your CSS and it is OK now.

I suggest, in your next version, you include options to place excerpt below image

Regards,

Stardrive

[stardrive]

Sorry Tom.

Just one more thing.

Please, how do i get a box border around a code block, just as in your previous response above, where there is a box border around this code:

.wp-show-posts-image.wpsp-image-center {
text-align: left;
}

[Tom]

Highlight it and press the “code” button in the editor above where you type 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[stardrive]

Thank you so much!

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[stardrive]

So sorry, Tom, to bother you again on this:

I highlighted it and pressed the “code” button in the editor above. Still, there is no box border around the code.

Please, kindly assist

Regards,

Stardrive

[Tom]

Which code?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[stardrive]

For instance, this request I made on 31st October (see above):

Sorry Tom.

Just one more thing.

Please, how do i get a box border around a code block, just as in your previous response above, where there is a box border around this code:

.wp-show-posts-image.wpsp-image-center {
text-align: left;
}

[Tom]

Like this: http://screencast.com/t/IglCdLMvAVh0

.test {
    font-size: 15px;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts