rpwwt-post-title

Your CSS code seems to be correct. Please use it not in the public.css (it will be overriden during the next update) but in the Customizer’s panel “Additional CSS”.

Thanks for your reply Martin. I am using the Twentyfifteen theme plus child.

In ‘Additional CSS’ both of these lines work, creating a complete border around the li:

.rpwwt-widget ul li {border: 3px solid green;}
#rpwwt-recent-posts-widget-with-thumbnails-2 ul li { border: 3px solid green; }

– but if I add an a:hover after li only the left and right borders appear. Any direct reference to border-bottom (as in my first comment) does not work. Have checked through the two style.css files but cannot recognise anything that suppresses the top and bottom borders?? Thanks once again if you have an idea what I am missing.

Beside this little glitch, your plugin was just what I was looking for to list according to a category. Thanks for that!

jrbarch

• This reply was modified 5 years, 2 months ago by gjrbarch.

If you’d provide the URL of your website I will take a look at it to find a solution.

Sorry Martin – am building the website and am not online at the moment. Am using your plugin in the sidebar. The html from the Element Inspector looks like this:

<aside id="recent-posts-widget-with-thumbnails-3" class="widget recent-posts-widget-with-thumbnails">
<div id="rpwwt-recent-posts-widget-with-thumbnails-3" class="rpwwt-widget">
<h2 class="widget-title">Experiences</h2>
<ul>
<li><a href="https://jrbarch.com/rumi/"><span class="rpwwt-post-title">Rumi</span></a></li>
<li><a href="https://jrbarch.com/krishnamurti/"><span class="rpwwt-post-title">Krishnamurti …</span></a></li>
<li><a href="https://jrbarch.com/learning/"><span class="rpwwt-post-title">… learning</span></a></li>
</ul>
</div><!-- .rpwwt-widget -->
</aside>

There is no class for the ‘a’ tag so I am not sure what to do. Thank you for taking an interest.
jrbarch

*Sorry – I’ll have to look up how to paste code on line without it being parsed: the first line of the list is (removing arrows) –
ul
li a href=”https://jrbarch.com/rumi/” span class=”rpwwt-post-title” Rumi span a li

• This reply was modified 5 years, 2 months ago by gjrbarch.
• This reply was modified 5 years, 2 months ago by gjrbarch.

That piece of code is sufficient. Use -3 instead of -4 in the ID selector name. This works:

#rpwwt-recent-posts-widget-with-thumbnails-3 ul li a:hover {
	border-bottom: 3px solid #21759b;
}

Since there is only one A element per list item there is no class name for A elements needed to address them with a CSS selector.

OK about the A element – thanks.

Still something suppressing the (top and) bottom border! If I select the A element in Element Inspector and hover, then the bottom border displays. But without this manual selection the bottom border does not display on hover. Looking in the Computed panel the same result. Ticking the :hover box and looking at other A:hover elements has’nt given me any clue? Tried turning off a few lines but no help.

Basically am trying to get the rpwwt menu to look and behave like other WP menus in the sidebar. Am not qualified to comment but inquire, would this be a good extension to the plugin given all other considerations? It would be great to set things like line-height, margin a:hover etc. in the form.
jrbarch

That is a theme issue and goes beyond the support of the plugin. Sorry, I can’t help you.

OK. Thanks for your efforts Martin …