• CSS Code
• Links of interest

In this example I’m going to transform the styles of the WordPress Categories widget using the Custom CSS section of the Advanced tab with Elementor. If you are a subscriber of one of the licenses, just log in to see step by step how it is done.

1. Insert the Categories widget to our document
2. Click on the Advanced tab
3. Click on the Custom CSS section and paste the CSS code

CSS Code

Click the COPY CODE button to copy the code used in this video tutorial to the clipboard.

selector h5 {
    display: none;
}

selector li {
    list-style: none;
    display: inline-block;
    margin-bottom: 20px;
}

selector li a {
    border: 2px solid blue;
    padding: 7px 15px;
    margin: 5px;
    border-radius: 50px;
    color: blue;
    text-transform: uppercase;
}

selector li a:hover {
    color: white;
    background-color: blue;
}

selector ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

Links of interest

• W3 School – CSS Tutorial