How to get rid of extra space?

  • raindance

    #17401

    josh401-

    Help me understand what you mean exactly by:

    [blockquote] How do you add the areas where you post your code? I like it because I can highlight it with my mouse and copy and paste. Is that a program? [/blockquote]

    Anonymous

    #17402

    The area right under “I made a new style in my child theme css:” on your second post on that page… where you list your child css code.

    raindance

    #17403

    I don’t mean to be dumb but I’m still not following what your question is?

    I made that style in my css so I could manipulate text/apply styles directly in the visual editor on WP rather than hand/hard code it into the html part. Make sense?

    Anonymous

    #17404

    lmao.. Yes, you make perfect sense. What I meant is how you display it on THIS forum when you make a reply. Ken showed me how to wrap it in backticks. Yours looks darker though, and it has the scrollbar on the bottom one.

    No worries, I’ve figured out what I needed to know for now 🙂

    raindance

    #17405

    ohhhh….ha 🙂

    I just did it with backticks too 🙂

    raindance

    #17406

    That extra space with the grey at top and bottom is driving me nuts…

    Anyone any ideas???

    Don’t know why it worked for Josh and not for me…

    here is the entirety of my child css:

    @charset "UTF-8";
    /* CSS Document */

    /*
    Theme Name: Graphene Child
    Theme URI: http://juicytravels.com/
    Description: Child theme for the Graphene theme
    Author: Laura van Hoff
    Author URI: http://lauravanhoff.com/
    Template: graphene
    Version: 1.0
    */
    @import url("../graphene/style.css");
    table td,
    table th,
    table tr {
    border: none;
    background: none;
    }
    #footer {
    background: #111;
    padding-top: 20px;
    }
    .post-179 .entry-content img{
    border:0px;
    margin:5px;
    }
    #content {
    padding-top: 0px;
    padding-bottom: 0px;
    }
    #header-menu > li {
    font: normal 11px arial;
    margin: 0 2px;
    }
    .sidebar h3 {
    background: url(images/bg-sidebar-h3.png) left bottom repeat-x #3C9CD2;
    background: -moz-linear-gradient(#3C9CD2, #1F6EB6);
    background: -webkit-linear-gradient(#3C9CD2, #1F6EB6);
    background: linear-gradient(#3C9CD2, #1F6EB6);
    border-bottom: 1px solid #195392;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
    *display: inline;
    font: bold 16px/20px arial;
    }
    #my-post-nav {
    clear: both;
    border-top: 1px solid #E3E3E3;
    padding-top: 10px;
    text-align:center;
    }
    .entry-footer {
    display: none
    }
    #previous, #next-post {display: none;}
    blockquote {
    background: url(images/sprite_master.png) left -475px no-repeat #dff0f7;
    border: 1px dotted #e3e3e3;
    clear: both;
    margin: 10px 0 10px 20px;
    padding: 8px 18px 5px 32px;
    }
    .entry-content ul {
    list-style-position: outside;
    margin: 10px 0 10px 25px;
    }
    .subtitle {
    font-size: 14px;
    font-weight:bold;
    color: #333;
    margin-bottom:25px;
    }
    a.subheadinglinks {
    font-family: Arial, Helvetica, sans-serif;
    color: #1772af;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    }
    a.subheadinglinks:hover {
    font-family: Arial, Helvetica, sans-serif;
    color: #074d7c;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    }
    .entry-content img,
    .child-page img {
    /* This centers the image */
    display: block;
    margin-left: auto;
    margin-right: auto;

    /* This adds the border */
    padding:8px;
    border:solid;
    border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
    border-width: 1px 2px 2px 1px;
    background-color:white;
    }

    Anonymous

    #17407

    I don’t mean to sound redundant. But add margin-top:-7px; to your #footer element.

    Make the change, test it out, and post your file back on here with the updated change if it doesn’t work.

    raindance

    #17408

    HEY! That worked for the bottom!! Thanks!

    Ok…now what about the top 🙂

    http://juicytravels.com/best-air-travel-sites/cool-flight-tracker-sites/

    @charset "UTF-8";
    /* CSS Document */

    /*
    Theme Name: Graphene Child
    Theme URI: http://juicytravels.com/
    Description: Child theme for the Graphene theme
    Author: Laura van Hoff
    Author URI: http://lauravanhoff.com/
    Template: graphene
    Version: 1.0
    */
    @import url("../graphene/style.css");
    table td,
    table th,
    table tr {
    border: none;
    background: none;
    }
    #footer {
    background: #111;
    margin-top:-7px;
    }
    .post-179 .entry-content img{
    border:0px;
    margin:5px;
    }
    #content {
    padding-top: 0px;
    padding-bottom: 0px;
    }
    #header-menu > li {
    font: normal 11px arial;
    margin: 0 2px;
    }
    .sidebar h3 {
    background: url(images/bg-sidebar-h3.png) left bottom repeat-x #3C9CD2;
    background: -moz-linear-gradient(#3C9CD2, #1F6EB6);
    background: -webkit-linear-gradient(#3C9CD2, #1F6EB6);
    background: linear-gradient(#3C9CD2, #1F6EB6);
    border-bottom: 1px solid #195392;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
    *display: inline;
    font: bold 16px/20px arial;
    }
    #my-post-nav {
    clear: both;
    border-top: 1px solid #E3E3E3;
    padding-top: 10px;
    text-align:center;
    }
    .entry-footer {
    display: none
    }
    #previous, #next-post {display: none;}
    blockquote {
    background: url(images/sprite_master.png) left -475px no-repeat #dff0f7;
    border: 1px dotted #e3e3e3;
    clear: both;
    margin: 10px 0 10px 20px;
    padding: 8px 18px 5px 32px;
    }
    .entry-content ul {
    list-style-position: outside;
    margin: 10px 0 10px 25px;
    }
    .subtitle {
    font-size: 14px;
    font-weight:bold;
    color: #333;
    margin-bottom:25px;
    }
    a.subheadinglinks {
    font-family: Arial, Helvetica, sans-serif;
    color: #1772af;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    }
    a.subheadinglinks:hover {
    font-family: Arial, Helvetica, sans-serif;
    color: #074d7c;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    }
    .entry-content img,
    .child-page img {
    /* This centers the image */
    display: block;
    margin-left: auto;
    margin-right: auto;

    /* This adds the border */
    padding:8px;
    border:solid;
    border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
    border-width: 1px 2px 2px 1px;
    background-color:white;
    }

    raindance

    #17409

    Also I see now that I did the wrong thing when you suggested it before…sorry! I changed padding not margin-top, duh. I am lame with CSS and instructions 🙂

    Thanks for that fix!

    Anonymous

    #17410

    Gimme a few minutes to go back and play around on your site 😉

Viewing 10 posts - 11 through 20 (of 34 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!