Need help? Check out our Support site, then


I can't remove these white lines in the middle of my theme

  1. raindropsofsapphire
    Member

    That is absolutely PERFECT :D It looks amazing, seriously thank you SO much :D Words can't even describe how grateful I am!! *huuuge e-hug* and when I announce that I have changed the layout a bit I will credit you for helping me :D If you want me to that is :) And anytime I wanna change the sidebar colour I just create a new line in the new colour and re upload that and it's good to go?

  2. The image I created has white on the left side (the part that goes under the content) and then grey on the right side (that goes under the sidebar). The reason it had to be done that way is due to the way that Kubrick is designed. There are some other ways to deal with it, but it ends up taking a lot more CSS'ing to do it. Kubrick is messy to work with.

    What you do, is to create an 810px wide by 400px tall image in an image editing program and have that with a white color. Then you create a 215px wide by 400px tall block on the right side (align both on the right edge) and make that block the color you want. Then when you have it done, you resize the image (with the "keep proportions turned off in your image editing program) and resize it to 810px wide by 1px tall. You then save that as either a jpg or a png file and that is the file you upload and use.

    The 400 tall I used above is just an arbitrary number so that you have enough area to work with.

    This can be done in any image editing program such as MS Paint, or Gimp, Photoshop, etc. I actually used Adobe Illustrator because I've done so much illustration work with it that I'm very familiar and quick with it. Photoshop and I can work together, but we aren't the best of friends.

    What image editing program do you use?

    It was fun doing this for you, and you are very welcome.

  3. I'm heading out for a burger and a "beverage," perhaps two, so if you have anymore questions, I'll be back in a couple hours.

  4. raindropsofsapphire
    Member

    I have Gimp and Mac Paintbrush at the moment, those are the only 2 I have and Gimp seems very hard to work with so I use Paintbrush, it's only basic but I know how to work it. I understand how to do it, so the white side is for the content column and the colour I choose is for the sidebar column. I got it :D Makes perfect sense! I just can't thank you enough for this, I was pulling my hair out trying to figure it out and it seemed impossible but you make it look so easy! You have made my day :D Well night lol since I am in the UK, haha! You know where to find me if I can ever help you out with anything at all :) Just ask! I best get to bed now and thanks again. I will tell you when I put it live and you can see your hard work paying off :D
    Lorna.

  5. You are very welcome, and sleep well.

  6. raindropsofsapphire
    Member

    Could someone help me with the single pages? When I click each individual post the page isn't correct, only the main home page works with the new layout. Do you know what I need to add to fix the individual pages? Or to just keep the sidebar on the individual pages? Since the sidebar vanishes. Here is a screen shot.

    http://i91.photobucket.com/albums/k312/lornaloo17/Picture7-1.png?t=1276530360

  7. If you don't mind waiting, I can take a look at it when I get home this evening.

  8. raindropsofsapphire
    Member

    Thanks, do you know which part of the Kubrick CSS it is that I need to edit to alter individual pages?

  9. I will need to see the code and determine what needs to be fixed, but I can do it when I get home this evening...

  10. raindropsofsapphire
    Member

    Thanks, I will paste it here for you to see it :)

    /*
    Theme Name: Kubrick
    Theme URI: http://wordpress.org/
    Description: Two-column theme with customizable header and widgets. Kubrick serves as the WordPress default theme emeritus.
    Version: 1.5-wpcom
    Author: Michael Heilemann
    Author URI: http://binarybonsai.com/
    Tags: two-columns, fixed-width, custom-header, blue, right-sidebar, sticky-post, white, light, rtl-language-support
    */

    /* Begin Typography & Colors */
    body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background: #d5d6d7 url('images/kubrickbgcolor.jpg');
    color: #333;
    text-align: center;
    }

    #page {
    background-color: white;
    border: 1px solid #959596;
    text-align: left;
    }

    #header {
    background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
    }

    #headerimg {
    margin: 7px 9px 0;
    height: 192px;
    width: 740px;
    }

    #content {
    font-size: 1.2em;
    }

    .widecolumn .entry p {
    font-size: 1.05em;
    }

    .narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
    }

    .widecolumn {
    line-height: 1.6em;
    }

    .narrowcolumn .postmetadata {
    text-align: center;
    }

    .thread-alt {
    background-color: #f8f8f8;
    }
    .thread-even {
    background-color: white;
    }
    .depth-1 {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    }

    .children .even, .children .alt {
    border: 0;
    border-left: 1px solid #ddd;
    }

    #footer {
    background: #e7e7e7 url('images/kubrickfooter.jpg') no-repeat top;
    border: none;
    }

    small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }

    h1, h2, h3 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
    }

    h1 {
    font-size: 4em;
    text-align: center;
    }

    #headerimg .description {
    font-size: 1.2em;
    text-align: center;
    }

    h2 {
    font-size: 1.6em;
    }

    h2.pagetitle {
    font-size: 1.6em;
    }

    #sidebar h2 {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
    }

    h3 {
    font-size: 1.3em;
    }

    h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
    text-decoration: none;
    color: white;
    }

    h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #333;
    }

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

    .entry p a:visited {
    color: #b85b5a;
    }
    .sticky {
    background: #f7f7f7;
    padding: 0 10px 10px 10px;
    }
    .sticky h2 {
    padding-top: 10px;
    }
    .sticky {
    background: #f7f7f7;
    padding: 0 10px 10px;
    }
    .sticky h2 {
    padding-top: 10px;
    }

    .commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }
    .commentlist li ul li {
    font-size: 1em;
    }
    .commentlist li {
    font-weight: bold;
    }

    .commentlist li .avatar {
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    }

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

    .commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }

    #commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

    .commentmetadata {
    font-weight: normal;
    }

    #sidebar {
    font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

    small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
    }

    code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }

    acronym, abbr, span.caps
    {
    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, #wp-calendar #next a {
    font-size: 9pt;
    }

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

    #wp-calendar caption {
    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;
    }

    #wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }
    /* End Typography & Colors */

    /* Begin Structure */
    body {
    margin: 0 0 20px 0;
    padding: 0;
    }

    #page {
    background-color: white;
    margin: 20px auto;
    padding: 0;
    width: 760px;
    border: 1px solid #959596;
    }

    #header {
    background-color: #73a0c5;
    margin: 0 0 0 1px;
    padding: 0;
    height: 200px;
    width: 758px;
    }

    #headerimg {
    margin: 0;
    height: 200px;
    width: 100%;
    }

    .narrowcolumn {
    float: left;
    padding: 0 0 20px 45px;
    margin: 0px 0 0;
    width: 450px;
    }

    .widecolumn {
    padding: 10px 0 20px 0;
    margin: 5px 0 0 150px;
    width: 450px;
    }

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

    .post hr {
    display: block;
    }

    .widecolumn .post {
    margin: 0;
    }

    .narrowcolumn .postmetadata {
    padding-top: 5px;
    }

    .widecolumn .postmetadata {
    margin: 30px 0;
    }

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

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

    .postmetadata {
    clear: both;
    }

    .clear {
    clear: both;
    }

    #footer {
    padding: 0;
    margin: 0 auto;
    width: 760px;
    clear: both;
    }

    #footer p {
    margin: 0;
    padding: 20px 0;
    text-align: center;
    }
    /* End Structure */

    /* Begin Headers */
    h1 {
    padding-top: 70px;
    margin: 0;
    }

    h2 {
    margin: 30px 0 0;
    }

    h2.pagetitle {
    margin-top: 30px;
    text-align: center;
    }

    #sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
    }

    ,post h2 {
    text-align: left;
    }

    h3 {
    padding: 0;
    margin: 30px 0 0;
    }

    h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }
    /* End Headers */

    /* Begin Images */
    p img {
    padding: 0;
    max-width: 100%;
    }

    /* Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

    img.centered, img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

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

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

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }
    /* End Images */

    /* Begin Lists

    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */

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

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

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

    *:first-child+html>body .entry ul {
    margin-left: 0;
    padding: 0 0 0 30px;
    list-style: disc;
    padding-left: 10px;
    text-indent: 10px;
    }

    *:first-child+html>body .entry ul li {
    margin: 7px 0 8px 10px;
    }

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

    .entry ol li {
    margin: 0;
    padding: 0;
    }

    .postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }

    #sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    }

    #sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }

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

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

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

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

    #sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    }
    /* End Entry Lists */

    /* Begin Form Elements */
    #searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
    }

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

    #sidebar #searchsubmit {
    padding: 1px;
    }

    .entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }

    select {
    width: 130px;
    }

    #commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }
    #commentform {
    margin: 5px 10px 0 0;
    }
    #commentform textarea {
    width: 100%;
    padding: 2px;
    }
    #respond:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
    #commentform #submit {
    margin: 0;
    float: right;
    }
    /* End Form Elements */

    /* Begin Comments*/
    .alt {
    margin: 0;
    padding: 10px;
    }

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

    .commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }
    .commentlist li ul li {
    margin-right: -5px;
    margin-left: 10px;
    }

    .commentlist p {
    margin: 10px 5px 10px 0;
    }

    #commentform p {
    margin: 5px 0;
    }

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

    .commentmetadata {
    margin: 0;
    display: block;
    }
    /* End Comments */

    /* Begin Sidebar */
    #sidebar
    {
    padding: 20px 0 10px 0;
    margin-left: 545px;
    width: 190px;
    }

    #sidebar form {
    margin: 0;
    }
    /* End Sidebar */

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

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

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

    #wp-calendar a {
    display: block;
    }

    #wp-calendar caption {
    text-align: center;
    width: 100%;
    }

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

    #wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff; }
    /* End Calendar */

    /* Begin Various Tags & Classes */
    acronym, abbr, span.caps {
    cursor: help;
    }

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

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

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

    .center {
    text-align: center;
    }

    .hidden {
    display: none;
    }

    .screen-reader-text {
    position: absolute;
    left: -1000em;
    }

    hr {
    display: none;
    }

    a img {
    border: none;
    }

    .navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }
    /* End Various Tags & Classes*/

    /* Captions */
    .aligncenter,
    div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }
    /* End captions */

    /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
    It won't be a stylish marriage, I can't afford a carriage.
    But you'll look sweet upon the seat of a bicycle built for two." */

  11. Thank you, but that wasn't necessary... :)

    As soon as I have something, I'll let you know.

  12. raindropsofsapphire
    Member

    Oh ok, thank you :) I think I just need to make it wider like I did with the home page. I made it wider to 810 to fit size 500 wide images. I hope the single post page can be edited the same :)

  13. it seems you fixed it?

  14. raindropsofsapphire
    Member

    I just did :) The Sacred Path gave me the coding to fix it up. Thank you though :) Finally I can rest lol :D

Topic Closed

This topic has been closed to new replies.

About this Topic