WordPress.org

1. rsengele
   Member
   Posted 2 years ago #

   My entries are stretching across the screen and I can't figure out how to fix it. This is what it looks like now: http://blog.so-disco.net & this is a bit what I would like it to look like: http://so-disco.net. So, basically centered on the page only a bit wider than on the so-disco page.

   Here's the CSS:
   body {
   background-color: #ffffff;
   font-family: Georgia;
   font-size: 12px;
   line-height: 15px;
   color: #000000;
   text-wrap: normal;
   text-align: center;
   }

   a {
   color: #ff6699;
   text-decoration: none;
   font-weight: normal;
   }

   a:hover {
   color: #666666;
   text-decoration: none;
   }

   blockquote {
   background-color: none;
   font-size: 12px;
   border-left: 2px solid #ff6699;
   border-right: none;
   border-top: none;
   border-bottom: none;
   margin: 0px;
   padding-left: 4px;
   padding-bottom: 0px;
   padding-right: 0px;
   padding-top: 0px;
   line-height: 15px;
   width: 95%;

   }

   #header {top: 5px;
   left: 300px
   width: 738px;
   }

   #container {
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   width: 900px;
   }

   #content {
   position: absolute;
   top: 200px;
   left: 540px;
   width: 800px;
   padding-bottom: 25px;
   text-align: left;
   }

   #entryheader {
   margin: 0px;
   padding: 2px;
   color: #666666;
   text-align: center;
   font-family: Georgia;
   letter-spacing: 2px;
   font-size: 12px;
   }

   #entry {
   padding: 10px;
   margin-bottom: 25px;
   left: 540px;
   width: 800px;
   padding-bottom: 25px;
   text-align: left;
   }

   h2 {
   color: #666666;
   font-size: 12px;
   font-family: Georgia;
   text-align: center;
   letter-spacing: 2px;
   padding: 2 px;
   font-weight: normal;
   }

   h3 {
   color: #ff6699;
   font-size: 24px;
   text-align: center;
   font-family: Georgia;
   }

   h4 {
   font-variant: small-caps;
   padding-right: 15px;
   padding-top: 0px;
   padding-bottom: 1px;
   margin-top: 0px;
   margin-bottom: 5px;
   text-align: center;
   font-size: 15px;
   font-family: Georgia;
   font-weight: normal;
   letter-spacing: 1px;
   color: #666666;
   }

   Please, please, please help!

2. marjiec
   Member
   Posted 2 years ago #

   There is no css rule for your entry, that is because it is a class not an id.
   Your css has #entry it should be .entry.
   I would copy the #entry, paste it then remove the # with a . you can change the padding if you want.
   BTW the other tags for container , content and entryhead are also class not id. They should be changed to. That is why your post has no style.

   No need to post your code. We can find it.

Topic Closed

This topic has been closed to new replies.