2 replies [Last post]
sijones
sijones's picture
Offline
newbie
Last seen: 8 years 36 weeks ago
Timezone: GMT-5
Joined: 2010-11-07
Posts: 3
Points: 4

Im at http://si-jones.tumblr.com/ using this theme http://www.tumblr.com/theme/14119
I want to put my following block to the left of my page so it doesn't get cut off. I was able to edit the theme's CSS so that i can have infinate scroll and a fixed/stationary sidebar, by adding:

position: fixed;
width: 218px;
float: right;
top: 50px;
right: 30px;

but when i try to edit the FOLLOW section in the theme's CSS, it doesnt show up on my page. How can i change the css so that people following me show up on the left side of my page?

heres what my css looks like

/*FOLLOWINGYOU*/
#follows {
background: url(http://static.tumblr.com/f2elyvq/IsX...ollowpat.png);
width: 200px;
margin: 10px 0px 10px 9px;
text-align: left;
}
img.followyou {
background: url(http://static.tumblr.com/f2elyvq/QPw.../blackbg.png);
width: 20px;
height: 20px;
padding: 5px;
margin: 2px 5px 2px 5px;
border: 0px;
}

sijones
sijones's picture
Offline
newbie
Last seen: 8 years 36 weeks ago
Timezone: GMT-5
Joined: 2010-11-07
Posts: 3
Points: 4

Here's my entire CSS code.

Here's my entire CSS code. Thanks for your help

* {
	margin: 0;
	padding: 0;
}
 
body {
	background: #1e1c22 url(<a href="http://static.tumblr.com/f2elyvq/1uql9db8n/staticbg.png" rel="nofollow">http://static.tumblr.com/f2elyvq/1uql9db8n/staticbg.png</a>);
	margin: auto;
	text-align: center;
	padding: 50px 0px 40px 0px;
	width: 768px;
}
 
body {
	width: 600px;
}
 
#all {
	width: 768px;
	text-align: left;
	z-index: 10;
}
 
/*BUTTONS*/
a.button {
	background: url(<a href="http://static.tumblr.com/f2elyvq/musl9db9x/button1.png" rel="nofollow">http://static.tumblr.com/f2elyvq/musl9db9x/button1.png</a>) no-repeat;
	width: 95px;
	height: 0px;
	display: block;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	float: left;
	text-decoration: none;
	padding: 13px 0px 17px 5px;
	margin-right: 10px;
}
 
	a.button:hover {
		background: url(<a href="http://static.tumblr.com/f2elyvq/xBGl9dbau/button.png" rel="nofollow">http://static.tumblr.com/f2elyvq/xBGl9dbau/button.png</a>) no-repeat;
	}
 
 
#containblog {
	width: 518px;
	text-align: left;
}
 
.contains {
	background: url(<a href="http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png" rel="nofollow">http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png</a>);
	width: 500px;
	text-align: left;
	margin: 10px 0px 0px 9px;
}
 
/*TEXTSTYLES*/
 
	.titlebg {
		background: url(<a href="http://static.tumblr.com/f2elyvq/V5Yl9dbeg/titlebg.png" rel="nofollow">http://static.tumblr.com/f2elyvq/V5Yl9dbeg/titlebg.png</a>) top no-repeat;
		width: 518px;
		padding-top: 30px;
		margin-left: -9px;
	}
 
	.titleactual {
		font-family: Arial;
		font-size: 24px;
		width: 460px;
		color: #fff;
		padding: 30px 20px 0px 20px;
		margin-top: -30px;
		text-transform: uppercase;
	}
 
		.titleactual a {
			color: #fff;
			text-decoration: none;
		}
 
	.title p {
		margin-left: 20px;
	}
 
	a.textdate {
		font-family: Arial;
		font-size: 10px;
		margin-left: 20px;
		font-family: Arial;
		color: #2ceec2;
		text-decoration: none;
	}
 
		a.textdate:hover {
			color: #fff;
		}
 
	.body {
		font-family: Arial;
		font-size: 14px;
		color: #fff;
		padding: 5px 20px 0px 0px;
	}
 
		.body a {
			color: #2ceec2;
			text-decoration: none;
		}
 
		.body blockquote {
			background: url(<a href="http://static.tumblr.com/f2elyvq/a2Al9dbft/blockquote.png" rel="nofollow">http://static.tumblr.com/f2elyvq/a2Al9dbft/blockquote.png</a>) repeat-y;
			color: #89888a;
			padding: 3px 20px 3px 9px;
			margin: 0px 0px 5px 20px;
		}
 
		.body ol {
			padding: 3px 0px 5px 6px;
			margin: 0px 0px 5px 20px;
			list-style-type: lower-roman;
		}
 
		.body li {
			margin: 0px 0px 2px 40px;
			list-style-type: lower-roman;
		}
 
			.body blockquote p {
				background: none;
				color: #89888a;
				padding: 0px 0px 5px 0px;
			}
 
	.body p {
		background: url(<a href="http://static.tumblr.com/f2elyvq/d6Sl9dbhf/paragraph.png" rel="nofollow">http://static.tumblr.com/f2elyvq/d6Sl9dbhf/paragraph.png</a>) top left no-repeat;
		padding: 0px 20px 10px 20px;
	}
 
	.break {
		background: url(<a href="http://static.tumblr.com/f2elyvq/H1Ll9dbip/titleline.png" rel="nofollow">http://static.tumblr.com/f2elyvq/H1Ll9dbip/titleline.png</a>) top no-repeat;
		width: 460;
		height: 1px;
		margin: 5px 0px 5px 0px;
	}
 
	.texttitle p {
		padding-left: 20px;
	}
 
/*ifTAGS*/
.containtags {
	font-family: Arial;
	font-size: 10px;
	padding: 10px;
}
 
	.tags {
		background: url(<a href="http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png" rel="nofollow">http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png</a>);
		border: 1px solid #2ceec2;
		border-left: 3px solid #2ceec2;
		font-size: 10px;
		color: #2ceec2;
		text-decoration: none;
		padding: 2px 10px 2px 10px;
		margin-right: 5px;
	}
 
		.tags:hover {
			background: url(<a href="http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png" rel="nofollow">http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png</a>);
			border: 1px solid #fff;
			border-left: 3px solid #fff;
			font-size: 10px;
			color: #fff;
			text-decoration: none;
			padding: 2px 10px 2px 10px;
		}
 
 
/*POSTENDS*/
	.heartstop {
		background: url(<a href="http://static.tumblr.com/f2elyvq/bLAl9dbjz/heartstop.png" rel="nofollow">http://static.tumblr.com/f2elyvq/bLAl9dbjz/heartstop.png</a>) no-repeat;
		width: 518px;
		height: 1px;
		margin: 10px 0px 0px -9px;
	}
 
	.hearts {
		font-family: Arial;
		font-size: 12px;
		text-align: left;
		color: #fff;
		height: 13px;
		padding: 3px 6px 6px 6px;
	}
 
		.hearts a {
			color: #fff;
			text-decoration: none;
		}
 
		.permaheart {
			background: url(<a href="http://static.tumblr.com/f2elyvq/o6El9dbkr/heart1.png" rel="nofollow">http://static.tumblr.com/f2elyvq/o6El9dbkr/heart1.png</a>) top left no-repeat;
			color: #fff;
			text-decoration: none;
			padding-left: 15px;
			float: right;
		}
 
	.postend {
		background: url(<a href="http://static.tumblr.com/f2elyvq/ZCWl9dbm3/postend.png" rel="nofollow">http://static.tumblr.com/f2elyvq/ZCWl9dbm3/postend.png</a>) top left no-repeat;
		width: 518px;
		height: 1px;
		margin-left: -9px;
		margin-top: -1px;
	}
 
/*ifREBLOG*/
.reblogged {
	background: url(<a href="http://static.tumblr.com/f2elyvq/nALl9dbnd/reblog.png" rel="nofollow">http://static.tumblr.com/f2elyvq/nALl9dbnd/reblog.png</a>) no-repeat;
	width: 500px;
	height: 17px;
	font-family: Arial;
	font-size: 10px;
	color: #fff;
	padding: 3px 0px 0px 3px;
	margin: 2px 0px 0px 9px;
	text-align: left;
}
 
	.reblogged a {
		color: #2ceec2;
		text-decoration: none;
	}
 
		.reblogged a:hover {
		color: #fff;
		}
 
/*SEARCH*/
#search{
	width: 200px;
	text-align: left;
	margin-left: 9px;
	margin-top: 2px;
}
	.searchfield {
		background: url(<a href="http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png" rel="nofollow">http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png</a>);
		width: 154px;
		height: 14px;
		border: 0px;
		font-family: Arial;
		font-size: 10px;
		color: #2ceec2;
		padding: 3px 0px 3px 6px;
	}
 
/*SIDESTYLES*/
#sidebar {
        position: fixed;
	width: 218px;
	float: right;
        top: 50px;
        right: 30px;
}
 
	.endsidebar {
		background: url(<a href="http://static.tumblr.com/f2elyvq/O5Ll9dboa/endnavigate.png" rel="nofollow">http://static.tumblr.com/f2elyvq/O5Ll9dboa/endnavigate.png</a>);
		width: 218px;
		height: 5px;
		margin-bottom: 40px;
	}
 
.bodies {
	background: url(<a href="http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png" rel="nofollow">http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png</a>);
	font-family: Arial;
	font-size: 10px;
	color: #fff;
	width: 160px;
	text-align: left;
	padding: 0px 20px 20px 20px;
	margin-left: 9px;
}
 
	.header {
		background: url(<a href="http://static.tumblr.com/f2elyvq/DiNl9dbp8/headertop.png" rel="nofollow">http://static.tumblr.com/f2elyvq/DiNl9dbp8/headertop.png</a>) no-repeat;
		font-size: 14px;
		width: 218px;
		text-transform: uppercase;
		padding: 35px 20px 5px 29px;
		margin-left: -29px;
	}
 
		#user {
			width: 50px;
			height: 50px;
			border: 0px;
			margin-top: 20px;
			float: right;
			margin-left: 5px;
		}
 
	.foot {
		background: url(<a href="http://static.tumblr.com/f2elyvq/DfPl9dbq4/foot.png" rel="nofollow">http://static.tumblr.com/f2elyvq/DfPl9dbq4/foot.png</a>) no-repeat;
		width: 218px;
		height: 1px;
		margin-top: -1px;
	}
 
	/*blogBUTTONS*/
		.blogtop {
			background: url(<a href="http://static.tumblr.com/f2elyvq/87nl9dbqz/blogtop.png" rel="nofollow">http://static.tumblr.com/f2elyvq/87nl9dbqz/blogtop.png</a>) no-repeat;
			width: 218px;
			height: 10px;
			margin-top: 11px;
		}
 
		.tumblr {
			font-size: 10px;
			text-align: left;
			height: 12px;
			padding: 10px 0px 0px 0px;
		}
 
			.blogbutton {
				background: url(<a href="http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png" rel="nofollow">http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png</a>);
				width: 70px;
				height: 20px;
				font-family: Arial;
				font-size: 10px;
				color: #2ceec2;
				text-align: left;
				text-decoration: none;
				padding: 3px 10px 3px 10px;
			}
 
			.blogbutton:hover {
				color: #fff;
			}
 
		.blogbottom {
			background: url(<a href="http://static.tumblr.com/f2elyvq/oHHl9dbrt/blogbottom.png" rel="nofollow">http://static.tumblr.com/f2elyvq/oHHl9dbrt/blogbottom.png</a>) no-repeat;
			width: 218px;
			height: 3px;
			margin-top: 11px;
		}
 
/*extraBUTTONS*/
	#navigates img {
		border: 0px;
	}
 
		.seperate {
			background: url(<a href="http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png" rel="nofollow">http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png</a>);
			width: 218px;
			height: 2px;
		}
 
		a.extra {
			background: url(<a href="http://static.tumblr.com/f2elyvq/L9Ml9dbsm/extrabutton1.png" rel="nofollow">http://static.tumblr.com/f2elyvq/L9Ml9dbsm/extrabutton1.png</a>) no-repeat;
			width: 170px;
			height: 23px;
			display: block;
			font-family: Arial;
			font-size: 12px;
			color: #fff;
			text-align: left;
			padding: 7px 0px 0px 30px;
			margin: 5px 0px 0px 9px;
			text-decoration: none;
		}
 
			a.extra:hover {
				background: url(<a href="http://static.tumblr.com/f2elyvq/8M3l9dbta/extrabutton2.png" rel="nofollow">http://static.tumblr.com/f2elyvq/8M3l9dbta/extrabutton2.png</a>) no-repeat;
				color: #fff;
				text-decoration: none;
			}
	/*PAGINATION*/
		.pagenum {
			font-family: Arial;
			font-size: 30px;
			color: #fff;
			width: 187px;
			height: 40px;
		}
 
		.pageprevious {
			background: url(<a href="http://static.tumblr.com/f2elyvq/F35l9dbtw/prev1.png" rel="nofollow">http://static.tumblr.com/f2elyvq/F35l9dbtw/prev1.png</a>) no-repeat;
			display: block;
			width: 16px;
			height: 40px;
		}
			.pageprevious:hover {
				background: url(<a href="http://static.tumblr.com/f2elyvq/pkPl9dbui/prev.png" rel="nofollow">http://static.tumblr.com/f2elyvq/pkPl9dbui/prev.png</a>) no-repeat;
			}
 
		.pagenext {
			background: url(<a href="http://static.tumblr.com/f2elyvq/6Jal9dbva/next1.png" rel="nofollow">http://static.tumblr.com/f2elyvq/6Jal9dbva/next1.png</a>) no-repeat;
			display: block;
			width: 16px;
			height: 40px;
		}
 
			.pagenext:hover {
				background: url(<a href="http://static.tumblr.com/f2elyvq/5XNl9dbw0/next.png" rel="nofollow">http://static.tumblr.com/f2elyvq/5XNl9dbw0/next.png</a>) no-repeat;
			}
 
	/*THEMEPAGINATION*/
		.themenext {
			background: url(<a href="http://static.tumblr.com/f2elyvq/jzfl9dbwm/endnext1.png" rel="nofollow">http://static.tumblr.com/f2elyvq/jzfl9dbwm/endnext1.png</a>) no-repeat;
			display: block;
			width: 20px;
			height: 20px;
			float: right;
			margin: -20px 0px 0px 19px;
		}
 
			.themenext:hover {
				background: url(<a href="http://static.tumblr.com/f2elyvq/ro1l9dbx8/endnext.png" rel="nofollow">http://static.tumblr.com/f2elyvq/ro1l9dbx8/endnext.png</a>) no-repeat;
			}
 
		.themeprevious {
			background: url(<a href="http://static.tumblr.com/f2elyvq/Y7Ml9dbxt/endprevious1.png" rel="nofollow">http://static.tumblr.com/f2elyvq/Y7Ml9dbxt/endprevious1.png</a>) no-repeat;
			display: block;
			width: 20px;
			height: 20px;
			float: left;
			margin: 0px 11px 0px 0px;
		}
 
			.themeprevious:hover {
				background: url(<a href="http://static.tumblr.com/f2elyvq/tI9l9dbyg/endprevious.png" rel="nofollow">http://static.tumblr.com/f2elyvq/tI9l9dbyg/endprevious.png</a>) no-repeat;
			}
 
/*FOLLOWINGYOU*/
#follows {
	background: url(<a href="http://static.tumblr.com/f2elyvq/IsXl9dbz2/followpat.png" rel="nofollow">http://static.tumblr.com/f2elyvq/IsXl9dbz2/followpat.png</a>);
	width: 200px;
        top: 50px;
        left: 30px;
	margin: 10px 0px 10px 9px;
	text-align: left;
}
	img.followyou {
		background: url(<a href="http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png" rel="nofollow">http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png</a>);
		width: 20px;
                top: 50px;
                left: 30px;
                height: 20px;
		padding: 5px;
		margin: 2px 5px 2px 5px;
		border: 0px;
	}
 
		img.followyou:hover {
			background: url(<a href="http://static.tumblr.com/f2elyvq/Ck4l9dc07/whitebg.png" rel="nofollow">http://static.tumblr.com/f2elyvq/Ck4l9dc07/whitebg.png</a>);
		}
 
 
/*CREDITS*/
#credits {
	width: 580px;
	height: 20px;
	font-family: Arial;
	font-size: 10px;
	color: #fff;
	text-align: left;
	margin: 20px 0px 0px -31px;
}
 
#theme {
	background: url(<a href="http://static.tumblr.com/f2elyvq/ck1l9dc16/miscbg.png" rel="nofollow">http://static.tumblr.com/f2elyvq/ck1l9dc16/miscbg.png</a>) no-repeat;
	width: 480px;
	height: 16px;
	font-family: Arial;
	font-size: 10px;
	color: #fff;
	margin: 0px 0px 0px 40px;
	text-align: left;
	padding: 4px 10px 0px 10px;
	text-decoration: none;
}
 
	#theme a {
		color: #2ceec2;
		text-decoration: none;
	}
		#theme a:hover {
			color: #fff;
		}
 
	.endlinks {
		float: right;
		margin-right: 10px;	
	}
 
#end {
	background: url(<a href="http://static.tumblr.com/f2elyvq/LKZl9dc1x/endtheme.png" rel="nofollow">http://static.tumblr.com/f2elyvq/LKZl9dc1x/endtheme.png</a>) no-repeat;
	width: 508px;
	height: 5px;
	margin: 2px 0px 0px 9px;
}
 
/*ANSWER*/
.answer_form_container {
	margin-top: 10px;
}
 
.asker {
	font-family: Arial;
	font-size: 10px;
	color: #2ceec2;
	text-decoration: none;
}
 
/*AUDIO*/
.player {
	background: url(<a href="http://static.tumblr.com/f2elyvq/q1Il9dc2h/audiobg.png" rel="nofollow">http://static.tumblr.com/f2elyvq/q1Il9dc2h/audiobg.png</a>) no-repeat;
	width: 214px;
	height: 35px;
	padding-top: 4px;
	margin: 0px 0px 10px 20px;
}
 
/*QUOTE*/
.quote {
	font-family: Georgia;
	font-size: 28px;
	width: 460px;
	color: #FFF;
	padding: 0px 20px 5px 20px;
	font-style: italic;
}
 
	.quote a {
		color: #fff;
		text-decoration: none;
	}
 
/*LINK*/
.linkbg {
	background: url(<a href="http://static.tumblr.com/f2elyvq/Mgpl9dc3g/linkbg.png" rel="nofollow">http://static.tumblr.com/f2elyvq/Mgpl9dc3g/linkbg.png</a>) top no-repeat;
	width: 518px;
	padding-top: 30px;
	margin-left: -9px;
}
 
	.goto {
		background: url(<a href="http://static.tumblr.com/f2elyvq/aTol9dc45/go1.png" rel="nofollow">http://static.tumblr.com/f2elyvq/aTol9dc45/go1.png</a>) bottom right no-repeat;
		color: #fff;
		padding-right: 20px;
		text-decoration: none;
	}
 
		.goto:hover {
			background: url(<a href="http://static.tumblr.com/f2elyvq/Oj1l9dc4o/go.png" rel="nofollow">http://static.tumblr.com/f2elyvq/Oj1l9dc4o/go.png</a>) bottom right no-repeat;
			color: #fff;
			padding-right: 20px;
			text-decoration: none;
		}
 
/*IMAGE&VIDEO*/
.containsimgvid {
	width: 500px;
	text-align: left;
	margin: 10px 0px 0px 9px;
}
 
.imagetop {
	background: url(<a href="http://static.tumblr.com/f2elyvq/ZCWl9dbm3/postend.png" rel="nofollow">http://static.tumblr.com/f2elyvq/ZCWl9dbm3/postend.png</a>) top left no-repeat;
	width: 518px;
	height: 1px;
	margin-left: -9px;
	}
 
	.imgaccent {
		background: url(<a href="http://static.tumblr.com/f2elyvq/Dhcl9dc5m/imgaccent.png" rel="nofollow">http://static.tumblr.com/f2elyvq/Dhcl9dc5m/imgaccent.png</a>) top left no-repeat;
		width: 509px;
		height: 5px;
		padding-left: 9px;
		margin: 0px 0px 5px -9px;
	}
 
		.accent {
			height: 5px;
			float: left;
		}
 
	.endimg {
		background: url(<a href="http://static.tumblr.com/f2elyvq/d6Sl9dbhf/paragraph.png" rel="nofollow">http://static.tumblr.com/f2elyvq/d6Sl9dbhf/paragraph.png</a>) top left no-repeat;
		width: 500px;
		height: 6px;
		margin: -40px 0px 30px -15px;
	}
 
/*NOTESTYLES*/
#notecontain {
	background: url(<a href="http://static.tumblr.com/f2elyvq/Ymgl9dc6d/notepatt.png" rel="nofollow">http://static.tumblr.com/f2elyvq/Ymgl9dc6d/notepatt.png</a>) repeat-y;
	width: 481px;
	font-family: Arial;
	font-size: 10px;
	color: #fff;
	padding-left: 9px;
	margin: 5px 0px 0px 19px;
}
 
	#notecontain a {
		color: #fff;
		text-decoration: none;
	}
 
.clear {
	width: 0px;
	height: 0px;
}
 
ol.notes {
	padding: 0px;
	list-style-type: none;
}
 
li.like, li.reblog, li.answer, li.reply {
	background: url(<a href="http://static.tumblr.com/f2elyvq/jrNl9dc77/notebg.png" rel="nofollow">http://static.tumblr.com/f2elyvq/jrNl9dc77/notebg.png</a>) no-repeat;
	margin-top: 5px;
	text-transform: uppercase;
}
 
	.answer_content {
		text-transform: none;
	}
 
ol.notes li.note img.avatar {
	vertical-align: -6px;
	margin-right: 6px;
	width: 20px;
	height: 20px;
	border: 0px;
}
 
li.note img {
	margin-left: 1px;
}
 
ol.notes li.note span.action {
	font-weight: normal;
}
 
ol.notes li.note .answer_content {
	font-weight: normal;
}
 
ol.notes li.note blockquote {
	background: url(<a href="http://static.tumblr.com/f2elyvq/nRsl9dc8c/notesbg.png" rel="nofollow">http://static.tumblr.com/f2elyvq/nRsl9dc8c/notesbg.png</a>);
	padding: 4px 0px 3px 10px;
	margin: 5px 0px 0px 7px;
	text-transform: none;
}
 
ol.notes li.note blockquote a {
	text-decoration: none;
}
 
.more_notes_link_container {
	background: url(<a href="http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png" rel="nofollow">http://static.tumblr.com/f2elyvq/QPwl9dbbq/blackbg.png</a>);
	padding: 4px 0px 3px 0px;
	margin-top: 5px;
}
 
ul {
	padding-bottom: 10px;
}

sijones
sijones's picture
Offline
newbie
Last seen: 8 years 36 weeks ago
Timezone: GMT-5
Joined: 2010-11-07
Posts: 3
Points: 4

Or how can i add a tumblroll

Or how can i add a tumblroll to my css so thats on the right side of my page?