Tuesday, 18 August 2015

Css codes to improve your blog

Hello!
I thought it would be a good idea to show you guys some css codes to improve your blog!

TO REMOVE THE SPACE ABOVE HEADER (after removing navbar)

.content-inner
{
margin-top: -40px !important;
}


TO REMOVE "SHOWING POSTS WITH LABEL" MESSAGE

.status-msg-wrap {
display: none !important;
}


TO MAKE ALL IMAGES THE SAME SIZE
*this will make ALL images in posts and on pages the same size

.post-body img {
width: 400px;
height: auto;
}

.post table.tr-caption-container img {
width: 400px;
height: auto;
}


TO SEPARATE WIDGETS WITH SOLID LINE

.sidebar .widget {
border-bottom: 2px solid #F2F2F2;
margin:0 0 1.5em;
padding:0 0 1.5em;
}


HIGHLIGHT WIDGET TITLES

h2 {
background:#000000;
}  


See you soon!
-xxxx-

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...