Sandbox/Kubrick Modification Help

  • iiiiaaaaiiiiii · Member ·

    Can someone help me edit my CSS to make the following changes:

    here is my site: http://henubergebogen.wordpress.com/

    I would like to add the sidebar menu that shows up on the home page to the individual posts.

    If you look here: http://henubergebogen.wordpress.com/2008/08/25/pantheon-xperimental/
    There is a menu on the top but it is invisible unless you put the mouse over it, how can I change the background of this menu so that I can always see the text?

    I’d also like to remove the page title from the home,about, and film stills pages. I dont like seeing the word “home” 3 times on the page. The text I’d like to remove is the text directly above the images.

    thanks for any help! Zach

  • deltafoxtrot · Member ·

    Kubrick renders no sidebar on individual posts. It just doesn’t.

    As for your other questions here’s some code to get you started.

    div#globalnav {
	height: 30px;
	background-color: #7f7f7f;
	}
body.page h2.entry-title{display:none;}
  • iiiiaaaaiiiiii · Member ·

    thanks!! your code did exactly what I was looking for

  • iiiiaaaaiiiiii · Member ·

    can you help me get rid of the wordpress and sandbox links at the bottom. I will put a wordpress link somewhere else on the site, but I dont like the way they look in the footer.

  • deltafoxtrot · Member ·

    #footer span{display:none;}

    (Scary thing is: I don’t even need to see the HTML to tell you this)

  • iiiiaaaaiiiiii · Member ·

    ok that worked great.

    I have a few more layout changes:

    I’d like to remove the entire sidebar menu and add the “screenings” category to the top menu.

    I’ve tried removing all of the widgets, the only one I am currently using is categories, but I cant seem to get the sidebar menu to disappear. I want to keep the categories link, but would like to move it to the top.

    here’s the page again: http://www.henubergebogen.wordpress.com

    thanks!

  • jomariajomariajomaria · Member ·

    You have two options:

    1st, learn CSS.
    2nd, pay for somebody to write the codes .

  • iiiiaaaaiiiiii · Member ·

    I have been very appreciative of Deltafoxtrot’s help and I am trying to learn CSS however, I have specific design questions which are not easily answered by reading basic tutorials.

    Are my questions outside of the realm or inappropriate for this “CSS Customization” forum?

  • rosclarke · Member ·

    No, you can ask the questions and if anyone has the time and ability to answer, they will. That’s exactly what the forum is for. Just be aware that there aren’t very many people on the forums who know CSS and have the time to help. So a lot of the time you’ll be on your own.

  • deltafoxtrot · Member ·

    If you could provide some code you used, I could give you better tips to understand the technology. You need some more insights on selectors, I guess.

    And remember:

    You can also put code in between backtick characters.

  • iiiiaaaaiiiiii · Member ·

    what I’d like to do is move the categories link to the top menu and then get rid of the whole side menu except for the “friends” links.

    thanks for any help you can give, it is very appreciated.

    happy to provide some code:

    body {
	background:black;
	color:black;
	font-family:"lucida grande", verdana, arial, sans-serif;
	font-size:62.5%;
	text-align:center;
	margin:0 0 20px;
	padding:0;
}

div#globalnav {
	height:30px;
	background-color:#7f7f7f;
}

body.page h2.entry-title {
	display:none;
	margin-top:30px;
	text-align:center;
}

div#globalnav ul#menu {
	margin:0 0 0 30px;
	padding:0;
}

* html div#globalnav {
	margin-bottom:20px;
}

div#globalnav ul#menu li {
	display:inline;
	margin:0;
	padding:0;
}

div#globalnav ul#menu a,div#globalnav ul#menu a:visited {
	display:block;
	float:left;
	height:18px;
	text-decoration:none;
	color:white;
	font-size:1.2em;
	margin:0 5px;
	padding:2px 5px 0;
}

div#globalnav ul#menu li a:hover,div#globalnav ul#menu li.current_page_item a,div#globalnav ul#menu li.current_page_item a:visited {
	background:#fff;
	color:black;
}

div#wrapper {
	background:#dfdfff url('/wp-content/themes/default/images/kubrickbg.jpg') repeat-y top left;
	text-align:left;
	width:760px;
	margin:20px auto;
	padding:0;
}

body.single #wrapper {
	background:#fff url('/wp-content/themes/default/images/kubrickbgwide.jpg') repeat-y top left;
}

div#header {
	background:no-repeat bottom center;
	height:0;
	width:760px;
	margin:0;
	padding:0;
}

div#container {
	clear:left;
}

div#content {
	float:left;
	font-size:1.2em;
	line-height:1.4em;
	width:450px;
	margin:0;
	padding:0 0 20px 45px;
}

body.single div#content {
	float:none;
	line-height:1.6em;
	margin:5px 0 0 150px;
	padding:10px 0 20px;
}

div.entry-content p {
	line-height:1.4em;
}

div.entry-meta {
	clear:left;
	font-size:85%;
	line-height:1.4em;
	padding-top:25px;
	text-align:center;
}

body.single .entry-meta {
	text-align:justify;
	margin:30px 0;
}

body.archive .entry-meta {
	text-align:left;
}

div.comments li.alt,body.single .entry-meta {
	background:#f8f8f8;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	margin:0;
	padding:10px;
}

div#footer {
	background:no-repeat top;
	border:none;
	clear:both;
	height:63px;
	width:760px;
	margin:0 auto;
	padding:0;
}

small,abbr.published {
	border:none;
	color:#777;
	font-family:arial, helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.5em;
}

h1,h2,h3 {
	font-family:"trebuchet ms", "lucida grande", verdana, sans-serif;
	font-weight:bold;
}

h1 {
	font-size:4em;
	padding-top:75px;
	text-align:center;
	margin:0;
}

div#blog-description {
	font-size:1.2em;
	text-align:center;
}

h2 {
	font-size:1.6em;
	margin:0;
}

h3 {
	font-size:1.3em;
	margin:30px 0 0;
	padding:0;
}

div.sidebar h3 {
	font-family:"lucida grande", verdana, arial, sans-serif;
	font-size:1.2em;
	margin:5px 0 0;
	padding:0;
}

h1,h1 a,h1 a:hover,h1 a:visited,div#blog-description {
	color:#fff;
	text-decoration:none;
}

h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited {
	color:#333;
	line-height:110%;
}

h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,.sidebar h3,#wp-calendar caption,cite {
	text-decoration:none;
}

div.entry-content p a:visited {
	color:#b85b5a;
}

ol.commentlist li,form#commentform input,form#commentform textarea {
	font:0.9em "lucida grande", verdana, arial, sans-serif;
}

ol.commentlist .comment-author {
	font-weight:bold;
}

ol.commentlist li,ol.commentslist li.alt {
	list-style:none;
	margin:0;
	padding:15px 10px 6px;
}

ol.commentlist li.bypostauthor {
	background:#dbe8f2;
	margin:0;
	padding:15px 10px 6px;
}

ol.commentlist cite,ol.commentlist cite a {
	font-weight:bold;
	font-style:normal;
	font-size:1.1em;
}

ol.commentlist p {
	line-height:1.5em;
	text-transform:none;
	margin:10px 5px 10px 0;
}

form#commentform p {
	font-family:"lucida grande", verdana, arial, sans-serif;
	margin:5px 0;
}

.comment-metadata {
	display:block;
	font-weight:normal;
	margin:0;
}

div.sidebar {
	font:1em "lucida grande", verdana, arial, sans-serif;
	margin-left:545px;
	width:190px;
	padding:0;
}

div#primary {
	margin-top:40px;
}

small,div.sidebar ul ul li,div.sidebar ul ol li,.nocomments,.entry-meta,blockquote,strike {
	color:#777;
}

code,pre {
	font:1em/140% "courier new", courier, monospace;
}

acronym,abbr,span.caps {
	cursor:help;
	font-size:0.9em;
	letter-spacing:.07em;
}

a,h2 a:hover,h3 a:hover {
	color:#06c;
	text-decoration:none;
}

a:hover {
	color:#147;
	text-decoration:underline;
}

#wp-calendar #prev a {
	font-size:9pt;
	padding-left:10px;
	text-align:left;
}

#wp-calendar a {
	text-decoration:none;
	display:block;
}

#wp-calendar caption {
	font:bold 1.3em "lucida grande", verdana, arial, sans-serif;
	text-align:center;
	width:100%;
}

#wp-calendar th {
	font-style:normal;
	text-transform:capitalize;
}

div.post {
	text-align:justify;
	margin:0 0 40px;
}

body.attachment .smallattachment {
	float:left;
	text-align:center;
	width:128px;
	margin:5px 5px 5px 0;
}

body.attachment .attachment {
	text-align:center;
	margin:5px 0;
}

div#footer p {
	text-align:center;
	margin:0;
	padding:20px 0;
}

h3.comment-header {
	margin:40px auto 20px;
	padding:0;
}

p img {
	max-width:100%;
	padding:30px;
}

img.centered {
	display:block;
	margin:0 auto;
}

img.alignright {
	display:inline;
	margin:0 0 2px 7px;
	padding:4px;
}

img.alignleft {
	display:inline;
	margin:0 7px 2px 0;
	padding:4px;
}

html>body div.entry-content ul {
	list-style:none;
	margin-left:0;
	text-indent:-10px;
	padding:0 0 0 10px;
}

html>body div.entry-content li {
	margin:7px 0 8px 10px;
}

div.entry-content ol {
	margin:0;
	padding:0 0 0 35px;
}

div.entry-meta ul,div.entry-meta li {
	display:inline;
	list-style:none;
}

div.sidebar ul li {
	list-style:none;
	margin-bottom:15px;
}

div.sidebar ul p,div.sidebar ul select {
	margin:5px 0 8px;
}

div.sidebar ul ul,div.sidebar ul ol {
	margin:5px 0 0 10px;
}

div.sidebar ul ul ul,div.sidebar ul ol {
	margin:0 0 0 10px;
}

ol li,div.sidebar ul ol li {
	list-style:decimal outside;
}

div.sidebar ul ul li,div.sidebar ul ol li {
	margin:3px 0 0;
	padding:0;
}

form#searchform {
	text-align:center;
	margin:0 0 10px;
	padding:5px 3px;
}

div.sidebar form#searchform #s {
	width:108px;
	padding:2px;
}

div.sidebar form#searchsubmit {
	padding:1px;
}

select {
	width:130px;
}

form#commentform input {
	width:170px;
	margin:5px 5px 1px 0;
	padding:2px;
}

form#commentform textarea {
	width:98%;
	padding:2px;
}

form#commentform #submit {
	float:right;
	margin:0;
}

ol.commentlist {
	text-align:justify;
	padding:0;
}

.nocomments {
	text-align:center;
	margin:0;
	padding:0;
}

#wp-calendar {
	empty-cells:show;
	width:155px;
	margin:10px auto 0;
}

#wp-calendar #next a {
	padding-right:10px;
	text-align:right;
}

#wp-calendar td {
	text-align:center;
	padding:3px 0;
}

#wp-calendar td.pad:hover {
	background:#fff;
}

acronym,abbr {
	border-bottom:1px dashed #999;
}

blockquote {
	border-left:5px solid #ddd;
	padding-left:20px;
	margin:15px 30px 0 10px;
}

blockquote cite {
	display:block;
	margin:5px 0 0;
}

a img {
	border:none;
}

div.navigation {
	display:block;
	text-align:center;
	margin:50px 0 10px;
}

body.single div.navigation {
	margin:10px 0 60px;
}

body.single .post,div.sidebar form {
	margin:0;
}

div.entry-content ol li,div.sidebar ul,div.sidebar ul ol {
	margin:0;
	padding:0;
}

div.entry-content form,.center {
	text-align:center;
}

div#globalnav ul ul,p.access,body.single div.sidebar,hr {
	display:none;
}

div.content-column {
	width:48%;
}

#linkcats>li:before {
	content:"";
}

div.clearer,body.single h2.entry-title {
	clear:both;
}

.alignright,.nav-next,div#archives-by-month {
	float:right;
}

.alignleft,.nav-previous,div#archives-by-category {
	float:left;
}

div.entry-content ul li:before,div.sidebar ul ul li:before {
	content:"0BB 020";
}

span.post-commentlink a:after {
	content:"020 0BB";
}

#footer span {
	display:none;
}
  • vivianpaige · Member ·

    Dude, that’s your entire CSS! Have you figured out anything about which selectors you are trying to change?

  • iiiiaaaaiiiiii · Member ·

    oh my mistake! wrong copy paste please ignore

  • The topic ‘Sandbox/Kubrick Modification Help’ is closed to new replies.