Site logo

Archived topic

Recent Posts formatting

22 replies · Started by Sourabh on November 29, 2020

Viewing posts 1–15 of 23

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.

Can you link me to your page in question?

Ok

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

Its working.. recheck pls

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

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

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"

Look into this please

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.

This archived topic is closed to new replies.