Style Edits to Recent Posts Shortcode

Support
#1

Hi Themeco Team,

I am using your Recent Posts shortcode on several of my pages. I was wondering if you could suggest a way to customize the title color change on hover effect. I’ve made a number of attempts at editing the CSS but haven’t found the right code to target this element. Can you help?

Also, in the Recent Posts shortcode, is there a way to have longer titles wrap to a second line instead of being cutoff by an ellipsis (e.g. Title…)?

Appreciate any help you can provide.

Thank you!

#2

Hi there,

Please try this code in X > Theme Options > CSS:

.x-recent-posts a:hover .h-recent-posts {
    color: #000;
}

.x-recent-posts .h-recent-posts, 
.x-recent-posts .x-recent-posts-date {
    text-overflow: unset;
}

Here are some related links for further reading:

Hope this helps.

#3

Thank you!

Unfortunately the headline text within the Recent Posts shortcode container isn’t wrapping. Can you make a suggestion to allow the text to wrap?

#4

Hi @bartenderonduty,

Thanks for asking again!
Please replace the second CSS of the above post with this and let us know if that works.

.x-recent-posts .h-recent-posts, 
.x-recent-posts .x-recent-posts-date {
    text-overflow: unset;
    white-space: normal;
}

Hope this helps!

1 Like
#5

Perfect, THANK YOU!

#6

You are most welcome. :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.