[Support request] Custom Styling & Changes Needed in Side Widget Area

[Dev]

Hello,

Please see the below link

https://prnt.sc/nlniff

I want the custom styling for my Top Posts & Pages Column in side widget area.

[Leo]

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 🙂

[Dev]

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.

[Leo]

Can you link me to the page with the example?

[Dev]

Hello,

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

https://prnt.sc/nlt3be

[David]

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.

[Author]

Posts