Help with completing the conversion my normal WP site to a Sandbox theme

  • Unknown's avatar
    fobweb · Member ·

    I am trying to recreate this site:

    http://www.footprintsonly.com/kismet/wordpress/

    here:

    http://faroutbengals.wordpress.com

    (For redundancy, as well as other issues).

    However, as you can see, there are a few glitches with my CSS that I just can’t get straightened out. When I look at the code in Dreamweaver, pulling in all of the external .css from WP, it looks fine. As soon as I load the CSS into WP though, The navbar background turns white, I get a space between the header and the navbar, and the content container is only 2/3 size.

    Plus, I can’t seem to get rid of the white bullet next to the pages in the Sidebar.

    Help?

  • Unknown's avatar
    vivianpaige · Member ·

    I see this: 

    ul#menu {
background:url('http://faroutbengals.files.wordpress.com/2008/12/navbar.jpg') no-repeat;
height:49px;
}

    Try changing the element to div#menu instead of ul#menu

  • Unknown's avatar
    devblog · Member ·

    OT: those are some beautiful cats!

  • Unknown's avatar
    fobweb · Member ·

    Ok, that helped – but still have the following problems:

    If I save it as the “Add to Sandbox 10 theme” option:

    The “About” menu ul/li is a white background no matter how many things I’ve tried – I just can’t figure out which code will get that to be transparent (or allow it to use my post.png, which would also be acceptable, as that’s a transparent .png of the right color)

    The content div is the wrong width, even though I he it set to the right px width for the space.

    There is still a white bullet next to “Pages”

    And if I expand the page, my Blog Title moves over the cat picture.

    If I save it as “Start from Scratch” it looks like this:

    Home

    Which only has different things wrong:

    Blog title goes over the cat picture.

    Footer moves up between the content and sidebar divs.

    And in Firefox the footer is over the content entirely, and there are two checkmarks in the sidebar.

    Help? :)

    div#access {
font-size:18px;
background:url('http://faroutbengals.files.wordpress.com/2008/12/navbar.jpg') no-repeat;
height:49px;
}

div#wrapper.hfeed {
width:1100px;
}

div#wrapper.hfeed, {
margin:0 auto;
}

div#header,#blog-title a,#blog-title {
background:transparent;
}

div#header,#wp-calendar td,#submit {
text-align:center;
}

div#access,div.sidebar ul li,#nav-above {
margin-bottom:10px;
}

div#header,#headerimg {
height:300px;
}

div#header {
background:url('http://faroutbengals.files.wordpress.com/2008/12/header.png') no-repeat;
}

div#container,ul#navi-bar li,#navi-bar a,.nav-previous,.alignleft,.left {
float:left;
}

div#container {
width:735px;
}

div#content {
padding:1em 0;
}

div#container,div#access,.clear {
clear:both;
}

a,#navi-bar a {
text-decoration:none;
}

a,.description,#navi-bar a:hover,.post .posted,.postmetadata,ol.commentlist li cite.author,h3#respond,h3#comments {
color:#dcaa00;
}

a:hover,#content a {
text-decoration:underline;
}

body {
font-family:Calibri,Verdana,Arial,sans-serif;
background:url('http://faroutbengals.files.wordpress.com/2008/12/background.jpg');
}

body,h6,h5,h4,h3,h2,h1,ol.commentlist li cite.author,.demo .red,#content a {
font-weight:bold;
}

h1 {
text-align:right;
}

h1,.comtitle {
font-size:30px;
}

#blog-title a,.inner {
position:absolute;
left:700px;
top:100px;
}

.blog-title a {
position:absolute;
left:700px;
top:100px;
width:400px;
}

#blog-description,#secondary,ul#navi-bar ul,div.sidebar ul ul ul,#sidebar,.ad,div#nav-above,div#nav-below {
display:none;
}

div.skip-link,#generator-link,#theme-link,div.entry-meta,div.entry-date,#meta-sep {
display:none;
}

ol,ul,#content ol.commentlist {
list-style-type:none;
}

pre,p,#content ol,#content ul,blockquote {
margin:0 0 .5em;
}

div.sidebar,.nav-next,.alignright,.right {
float:right;
}

div.sidebar {
overflow:hidden;
font-size:.9em;
width:345px;
padding-left:13px;
}

div#menu {
background:url('http://faroutbengals.files.wordpress.com/2008/12/navbar.jpg') no-repeat;
height:49px;
}

#headerimg {
position:relative;
}

.inner {
left:700px;
top:100px;
width:400px;
}

#headerimg h1 {
font-size:1px;
}

#headerimg a,div.sidebar ul,div.sidebar ul h2,h2 a,h2 a:visited,.post h2 a:hover,.comtitle,#submit {
color:#FFF;
}

.description,h4,h5,h6,.navigation,#content ol.commentlist,#commentform p {
font-size:12px;
}

ul#menu,h2 {
font-size:18px;
}

ul#menu h2 {
font-size:120%;
}

#menu a,.entry-tags,img.centered {
display:block;
}

#menu a {
color:#e3d7c0;
padding:11px 12px;
}

div.sidebar h3 {
font-size:1.3em;
border-bottom:1px dotted #666;
margin-bottom:5px;
text-transform:uppercase;
padding:.5em 0 .1em;
}

div.sidebar input#s {
width:9em;
}

input#s,input#searchsubmit {
border:1px solid #666;
}

input#s {
padding:2px;
}

input#searchsubmit {
padding:1px;
}

div.sidebar li {
list-style:none;
margin:0 0 1em;
}

div.sidebar li form {
margin:.2em 0 0;
}

div.sidebar li form,#content ol.commentlist {
padding:0;
}

div.sidebar ul li a {
background:inherit;
color:#785000;
}

div.sidebar ul,.post,.postmetadata,h3#respond,h3#comments {
font-size:16px;
}

div.sidebar ul h2 {
font-size:20px;
margin:0 0 4px;
padding:0 0 0 20px !important;
}

div.sidebar ul li,.post {
background:url('http://faroutbengals.files.wordpress.com/2008/12/post.png');
padding:10px;
}

div.sidebar ul li a:hover {
background:#785000;
color:#fafafa;
}

div.sidebar ul ul {
margin:.3em 0;
}

div.sidebar ul ul li {
margin-bottom:3px;
background:url('http://faroutbengals.files.wordpress.com/2008/12/bullet.png') no-repeat left!important;
padding:2px 0 2px 20px !important;
}

div.sidebar ul ul li,.post {
line-height:14px;
}

#searchform div {
padding:.2em 0;
}

blockquote {
font-style:italic;
padding:0 10px;
}

h3,.post .posted,ol.commentlist li cite.author {
font-size:14px;
}

pre,code {
overflow:auto;
white-space:pre;
font-family:Courier;
}

#content ul {
padding-left:20px;
list-style-type:square;
}

#content ol {
padding-left:25px;
list-style-type:decimal;
}

.post,.about {
color:#e9d6a0;
}

.post {
margin:0 0 10px;
}

.post h2,.post .posted,.postmetadata {
line-height:normal;
}

.post h2 {
font-size:26px;
}

.post img {
max-width:100%;
margin:3px;
}

.postmetadata,.navigation {
margin:5px 0;
}

p.alt {
font-size:10px;
}

.navigation {
height:1em;
}

#nav-below {
margin-top:10px;
}

a img {
border:none;
}

ol.commentlist li cite.author {
font-style:normal;
}

ol.commentlist li {
margin-bottom:1em;
}

ol.commentlist p {
background:#2c1509;
margin:10px 40px;
}

ol.commentlist p,#submit {
padding:5px;
}

#commentform p {
margin:0 0 5px;
}

#comment {
width:95%;
}

#comment,#url,#email,#author {
font:10px verdana,sans-serif;
background:#cfc19c;
padding:3px;
}

#comment,#url,#email,#author,#submit {
border:0;
}

small.commentmetadata {
margin:0 0 .3em;
}

h3#respond,h3#comments {
margin:4px 0;
}

#wp-calendar {
width:100%;
}

.about {
width:90%;
}

#submit {
font:11px verdana bold;
background:url('http://faroutbengals.files.wordpress.com/2008/12/submit.jpg') no-repeat;
width:116px;
}

#footer {
color:#e3d7c0;
text-decoration:none;
font-size:15px;
background:url('http://faroutbengals.files.wordpress.com/2008/12/navbar.jpg') no-repeat;
height:20px;
padding:11px 20px;
}

#footer p:after {
content:"Lakeside, CA Owner: Kismet Phone: 619-334-5410, Cell: 619-504-0097 Email: (email visible only to moderators and staff)";
color:#e3d7c0;
text-decoration:none;
font-size:15px;
background:url('http://faroutbengals.files.wordpress.com/2008/12/navbar.jpg') no-repeat;
height:20px;
padding:11px 20px;
}

#header {
height:75px;
}

#content {
margin-left:0;
float:none;
width:auto;
}

.demo .red {
color:black;
}

#content a {
color:#785000;
}

h6,h5,h4,h3,h2,h1,img {
page-break-after:avoid;
}

h6,h5,h4,h3,h2,h1,pre,table,blockquote,img {
page-break-inside:avoid;
}

h3 {
margin-left:10px;
margin-bottom:0;
padding-bottom:0;
}

dl,ol,ul {
page-break-before:avoid;
}

img.centered {
margin-left:auto;
margin-right:auto;
}

img.right,img.left {
display:inline;
padding:4px;
}

img.right {
margin:0 0 2px 7px;
}

img.left {
margin:0 7px 2px 0;
}
  • The topic ‘Help with completing the conversion my normal WP site to a Sandbox theme’ is closed to new replies.