This post might be more for those who are into CSS and with a WordPress premium plan. As I mentioned earlier, I like to keep my design the same on all platforms and themes I use. That’s, the blue banner with rounded logo, menu & search box at top, boxed posts, and rounded widgets at right side.
I’m still using Twenty Twelve. Please check my other post here where I talked in details about how I customized it to generate this design. You may also refer to this post for a comparison between Twenty Twelve and Twenty Sixteen themes.
Now, here is the full CSS customization for Twenty Sixteen Theme to generate the current design of my site:
As I used the theme for one week only, there might be space for more modifications and enhancements. Additionally, here are some extra codes to enhance the buttons and the ugly in-between thick black lines. I haven’t used those in the file to keep the size of customization around 5KB.
input[type=submit], .pagination .prev,
.pagination .next, .pagination:before,
.pagination:after {
background: #fff;
border: 1px solid #d1d1d1 !important;
color: #000;
}input[type=submit]:hover, input[type=submit]:focus, .comments-area #respond p.form-submit input#comment-submit:hover, .comments-area #respond p.form-submit input#comment-submit:focus, .pagination .prev:hover,
.pagination .next:hover, .pagination .prev:focus,
.pagination .next:focus {
background: #fff;
border: 1px solid #21759b !important;
color: #21759b !important;
}.comments-title, .comment-reply-title {
border: none;
}.page-header, .post-navigation, .pagination, .post-navigation div + div {
border-width: 1px;
border-color: #ddd;
}
Leave a Reply to mysteriousstory22Cancel reply