[Support request] Is there any way to achieve a sidebar like this?

[Den]

Hello team,

can you please help me with this? i was searching the web and found the exact sidebar that i wanted. Here the link – https://bit.ly/3b3wOEw

Look at the left sidebar.

thanks

[David]

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.

[Den]

Hello,

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

thanks

[David]

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;
}

[Den]

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

It worked 100%

Thanks

[David]

Awesome – glad to be of help!

[Den]

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 🙂

[David]

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.

[Den]

Hi David,

I have dropped the link in private information section. it’s the “Recent Post” section in the right sidebar

[David]

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;
}

[Author]

Posts