Custom Styling & Changes Needed in Side Widget Area

Hi there,

I'm not sure how the double arrows on the right works but this should work to ask the disc on the list:

.widget ul li {
    list-style-type: disc;
    padding-bottom: 10px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know :)

Hello,

Please check the screenshot link which I sent you last time, In that you can see there is horizontal line after every listing and arrow, both are not showing after putting this css code.

Can you link me to the page with the example?

Hello,

Please see the below screenshot link for the reference site name & address

https://prnt.sc/nlt3be

Hi there,

try this CSS:

.widget ul li {
    list-style-type: none;
    padding: 15px 0;
    border-bottom: 1px solid;
    position: relative;
}

.widget ul li:after {
    content: '>>';
    position: absolute;
    right: 0;
}

The content: '>>'; property is outputing the arrows to the right hand side, that sample site uses Fontawesome for its icon, i wouldn't suggest adding that to your site for a single double succeed icon. If you want you can replace the content with a HTML symbol, lots to choose from here:

https://www.toptal.com/designers/htmlarrows/arrows/

These are built into the browser so nothing to load.