metinsaylan // rogue developer

Custom CSS styles for subpages extended

Subpages extended allows users to style their sub pages lists using CSS. You can use Custom CSS feature in the WordPress customizer to add any of the following styles to your site.

ul.subpages {
    border: 2px solid #ddd;
    padding: 30px;
    margin: 0;
    border-width: 2px 0;
    background-color: #fafafa;
}


ul.subpages li {
    list-style: none;
}

ul.subpages li a {
    text-decoration: none;
    border: 0;
    box-shadow: none;
    color: #04540e;
}

ul.subpages li a:hover {
    color: #5bb717;
}

ul.subpages {
    border: solid #ddd;
    padding: 0;
    margin: 0;
    border-width: 1px 0 0;
}

ul.subpages li {
    list-style: none;
    border-bottom: 1px solid #ddd;
}

ul.subpages li:hover {
    background: #f9f9f9;
}

ul.subpages li a {
    text-decoration: none;
    border: 0;
    box-shadow: none;
    color: #777;
    display: block;
    padding: 3px 10px;
}

ul.subpages li a:hover {
    color: #111;
}

ul.subpages {
    border: 3px solid #fff;
    padding: 20px;
    margin: 0;
    border-radius: 12px;
    background: #f0eee6;
}

ul.subpages li {
    list-style: none;
    border-bottom: 1px solid #fff;
}

ul.subpages li:last-child {
    border: 0;
}

ul.subpages li:hover {
    background: #dad6c4;
}

ul.subpages li a {
    text-decoration: none;
    border: 0;
    box-shadow: none;
    color: #484431;
    display: block;
    padding: 3px 10px;
}

ul.subpages li a:hover {
    color: #403505;
}

ul.subpages {
    padding: 20px;
    margin: 0;
    text-align: center;
    border: 3px dashed #eee;
    font-family: sans-serif;
}

ul.subpages li {
    list-style: none;
    margin-bottom: 6px;
}

ul.subpages li a {
    text-decoration: none;
    box-shadow: none;
    color: #fff;
    background-color: #ccc;
    padding: 3px 10px;
    display: block;
    border-radius: 4px;
}

ul.subpages li a:hover {
    color: #000000;
    background-color: #def;
}

I hope you like those samples. Enjoy!

Search Custom CSS styles for subpages extended on Google

Powered by GitHub & RogueDev