Is there any way to achieve a sidebar like this?

Hi there,

on your site, how are the sidebar links related to the post being displayed ? Will those links be dynamic as per your example ?

If you have a site with the sidebar set up it would help if you can share a link.

Hello,

I have placed my website link under the (Private Information) field. please walk through my site for a better understanding.

thanks

If its just the styling that you need then try this CSS:

.posts-in-sidebar li.pis-li a {
    border-radius: 4px;
    display: block;
    font-weight: 300;
    margin-bottom: 10px;
    padding: 10px;
}
.posts-in-sidebar li.pis-li.current-post a {
    background-color: #efefef;
}
.posts-in-sidebar li.pis-li:not(.current-post):hover a  {
    color: #ffffff;
    background-color: #147bd1;
}

Whenever we ask any query you guys always make sure to leave a satisfied customer.

It worked 100%

Thanks

Awesome - glad to be of help!

Hi David,

The code given above works for a plugin called (POSTS IN SIDEBAR)

I am no longer using that plugin and the CSS that you have given isn't working now.

Can you make it work for the simple Recent Post section?

.posts-in-sidebar li.pis-li a {
    border-radius: 4px;
    display: block;
    font-weight: 300;
	font-size: 15px;
    margin-bottom: 10px;
    padding: 10px;
}
.posts-in-sidebar li.pis-li.current-post a {
    background-color: #efefef;
}
.posts-in-sidebar li.pis-li:not(.current-post):hover a  {
    color: #ffffff;
    background-color: #147bd1;
}

Here's that code :)

Hi there,

i would need to see the site, when a topic is Resolved all Private Information is removed.

Please note this falls under custom development, which we are happy to help with if its doesn't take up too much time and we can easily change it - but we cannot continue to provide that if you change your custom requirements.

Provide the link and ill take a look.
Topic has been changed to unresolved.

Hi David,

I have dropped the link in private information section. it's the "Recent Post" section in the right sidebar

Try this:

.widget_recent_entries li a {
  border-radius: 4px;
  display: block;
  font-weight: 300;
  margin-bottom: 10px;
  padding: 10px;
}

.widget_recent_entries li:hover a:not([aria-current="page"]) {
  color: #ffffff;
  background-color: #147bd1;
}

.widget_recent_entries li a[aria-current="page"] {
  background-color: #efefef;
  color: inherit;
}