Problem with the Recent Entries block

Resolved t0l3do
(@t0l3do)

4 years, 12 months ago
Problem with the Recent Entries block

I have tried to add a css style to the recent posts block, using hover and change background colour with a simple animation, the problem is that it affects also the title of the block.

As you can see in the image the title of the entry also performs this effect, the code I use is as follows:
```
.wp-block-getwid-recent-posts__post-wrapper :hover{
 -webkit-transition: background .8s ease;
 -moz-transition: background .8s ease;
 -o-transition: background .8s ease;
 transition: background .8s ease;
 background: #F4B93C;
 border-radius: 15px;
}
```
I have also tried that the colour of the link of the title of the entry when the background is coloured, the text becomes white but it is not supported. Would it be possible to choose the colour of the links in the future?

Thank you, regards
- This topic was modified 4 years, 12 months ago by t0l3do.

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Support dimned
(@dimned)

4 years, 11 months ago
Hi @t0l3do,
I’d recommend you to use a Custom Post Type block to show recent posts since it is more flexible and allows you to build custom post templates for the feed of posts. You may watch this video to learn how it works https://www.youtube.com/watch?v=zzsFjBTa310
If you prefer using the Recent Posts block you may use the style below to apply the animation for content only:
```
.wp-block-getwid-recent-posts__post-wrapper .wp-block-getwid-recent-posts__post-content:hover{
 -webkit-transition: background .8s ease;
 -moz-transition: background .8s ease;
 -o-transition: background .8s ease;
 transition: background .8s ease;
 background: #F4B93C;
 border-radius: 15px;
}
```
If you wish to apply it for whole content of the post so you may use this style below:
```
.wp-block-getwid-recent-posts__post-wrapper:hover{
 -webkit-transition: background .8s ease;
 -moz-transition: background .8s ease;
 -o-transition: background .8s ease;
 transition: background .8s ease;
 background: #F4B93C;
 border-radius: 15px;
}
```
In order to change the color of the link on hover you may add the style below:
```
.wp-block-getwid-recent-posts__post-wrapper:hover a{
color:#fff !important;
}
```
Thread Starter t0l3do
(@t0l3do)

4 years, 11 months ago

Hello @dimned

Thanks for the help with the class selection, now it has worked correctly. Sometimes between so many similar classes you end up getting lost.

I hadn’t thought about using the Custom Post Type block, the truth is that it feels good, although I miss the possibility of being able to hide or display information as provided by the Recent Posts block (Display Featured Image, Display Excerpt, Display Date, Display Categories and Display Comments) maybe in a future update could be implemented.

Thanks for your help.
Regards

Plugin Support dimned
(@dimned)

4 years, 11 months ago

Hi @t0l3do,
Thanks for your reply. I was happy to assist you. I’d simply recommend watching the video about Custom Post Type block to see how you may build the layout of the post adding/removing the needed information (Display Featured Image, Display Excerpt, Display Date, Display Categories, and Display Comments).
It would be also extremely helpful if you review the Getwid plugin here https://wordpress.org/support/plugin/getwid/reviews/

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Problem with the Recent Entries block’ is closed to new replies.

Tags