Site logo

Archived topic

Sidebar changes

5 replies · Started by Jöran on May 12, 2021

Viewing posts 1–6 of 6

Hello, I would like to change some things on my sidebar.

1. i would like to make the links to new posts bigger (bigger font) and change the color.

2. the links should be visually separated from each other. For this I would like to have a dotted line under each link. Color adjustable.

How can I do this?

Hi there,

try adding this CSS:

.sidebar .widget ul li {
    font-size: 16px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #f00;
}

Thaks David,

can i change the color of my links in the sidebar, witout changing the link color setup for the hole page?

Sorry i missed that, change the CSS to this:

/* Set sidebar list link font size and color */
.sidebar .widget ul li a {
    font-size: 16px;
    color: #000;
}
/* Add space and borders between sidebar list items */
.sidebar .widget ul li {
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #f00;
}

It works perfekt.
Thank you =).

You're welcome

This archived topic is closed to new replies.