return to blog.

updates tab @ solitudethemes

options for customisation are all in the css. there are additional comments to help :) if you still have any problems, don't hesitate to shoot me an ask!

put together a quick cheatsheet in case the code is confusing

height

the height of the updates tab should update automatically acorrding to how much content there is

changing the positioning

in .updates change the following values to whatever you like

        
top: 15px position from the top of the screen

left: 30px position from left of the screen
    

if you would like the updates tab on the right, just change everything with a left in .updates to right

here is an example with changed parts bolded:

    
.updates {
    color:#8c8a8a; 
    text-align:right;
    height:auto;
    max-height:13px;
    width:125px; 
    padding:4px;
    top:30px; 
    right:40px;
    padding-right:10px;
    border-right:1px solid #eee;
    z-index:10; 
    position:fixed;
    overflow:hidden;
    -webkit-transition: max-height 1.2s ease-in-out;
    -moz-transition:  max-height 1.2s ease-in-out;
    -o-transition:  max-height 1.2s ease-in-out;
    transition: max-height 1.2s ease-in-out;
} 

and don't forget if you want to use blockquotes:

    
.updates blockquote {
    border-right:1px solid;
    border-color:#eeeeee;
    padding:5px 10px;
    margin:0px 5px;
}
    
    
    

preview this on the right :)