Is there any way to achieve a sidebar like this?

This topic has 9 replies, 2 voices, and was last updated 4 years, 8 months ago by David.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
January 4, 2021 at 5:03 am #1604766

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

January 4, 2021 at 5:51 am #1604822

David
Staff
Customer Support

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.

January 4, 2021 at 6:43 am #1604888

Den

Hello,

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

thanks

January 4, 2021 at 7:03 am #1605073
David
Staff
Customer Support
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;
}
```
January 4, 2021 at 10:23 am #1605353

Den

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

It worked 100%

Thanks

January 4, 2021 at 3:14 pm #1605615

David
Staff
Customer Support

Awesome – glad to be of help!

February 11, 2021 at 3:49 am #1654165
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 🙂
February 11, 2021 at 6:47 am #1654352

David
Staff
Customer Support

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.

February 11, 2021 at 7:56 am #1654648

Den

Hi David,

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

February 11, 2021 at 9:57 am #1654800
David
Staff
Customer Support
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

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

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

Popular Articles

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

Popular Articles

Start building better websites today.