[Resolved] Recent Posts formatting

[Sourabh]

HI,

Recent posts are visible now in sidebar widgets but its just blue text only, how to formatting them something like below –

https://www.dropbox.com/s/vfdbuh1oopo9wz2/Recents%20posts.png?dl=0

[Leo]

Hi there,

That is another WordPress widget which the theme doesn’t control.

If you can link me to the page in question I provide some CSS to help you to get started.

[Sourabh]

Hi Thanks,

Find the Reference URL below –

https://jnews.io/citynews/

Refer left sidebar with title “Opinion”, snapshot below –

https://www.dropbox.com/s/5vyjk5p8gewol5r/side%20bar%20new.png?dl=0

Regds:

[Leo]

Can you link me to your page in question?

[Sourabh]

Ok

[Leo]

I’m getting the This site can’t be reached error again unfortunately.

[Sourabh]

Its working.. recheck pls

[Sourabh]

http://www.venusentertainments.com

[Sourabh]

Sorry open with https not in http now

https://venusentertainments.com

[David]

Hi there,

the CSS we provided here:

https://generatepress.com/forums/topic/how-to-make-side-bars-like-this/#post-1555083

Can be changed to this – and it will apply to any link lists in the sidebar:

/* Set border and link styles */
.is-right-sidebar .widget ul li a {
    display: block;
    position: relative;
    padding: 5px 0 10px;
    border-bottom: 2px solid #000;
    color: #000;
    font-size: 15px;
}
/* Change link color on hover */
.is-right-sidebar .widget li a:hover {
    color: #f00;
}
/* Add > symbol */
.is-right-sidebar .widget ul li a:after {
    content: '\003E';
    float: right;
    font-weight: bold;
}

[Sourabh]

do i need to remove previous CSS, or just paste above given one also along with previous one??

[Leo]

Looks like David mentioned that in his reply:

the CSS we provided here:

https://generatepress.com/forums/topic/how-to-make-side-bars-like-this/#post-1555083

Can be changed to this – and it will apply to any link lists in the sidebar:

[Sourabh]

I tried it but it’s not looking good same common CSS, refer below –

https://www.dropbox.com/s/yy7su5pzsfrpssm/Recents%20posts1.png?dl=0

Arrow looking good in the previous sidebar where we created nav menu for categories but the same CSS not looking good for the recent posts as that small arrow type symbol we need just before post heading like below –

https://www.dropbox.com/s/vfdbuh1oopo9wz2/Recents%20posts.png?dl=0

Reference page ie here – https://jnews.io/citynews/

Refer left sidebar with “Opinion”

[Sourabh]

Look into this please

[Leo]

Hey Sourabh,

As Tom mentioned to you before, we typically only help with theme-related CSS in the forum here.

Looks like David has given you some CSS that should help you to get started with.

If you need any specific custom solution, please consider hiring a developer to code you what you need.

Thanks.

[Author]

Posts