Need help? Check out our Support site, then


Question about how I might be poorly CSS-ing Andreas09

  1. Hello, Everybody,

    I'm way new to CSS, but it's fun to tinker around and experiment. My blog in question is johnbierly.wordpress.com

    I changed only the following things: the padding (from 5 to 0) of photo borders, the color of photo borders (to black), I un-bolded my links, and I changed the color of links both normal and hover.

    When I save my changes, those things are all exactly what I changed them to. However, two other things changed on me:

    BEFORE I saved my changes, the top of the page looked like this:

    <img src="http://i83.photobucket.com/albums/j308/johnbierly/andreas09beforeCSSchanges.jpg">

    Notice the normal space between the blue nav bar at top and my name. Also, the "ABOUT" box beside "HOME" displays correctly.

    AFTER I saved my changes, the top of the page looks like this:

    <img src="http://i83.photobucket.com/albums/j308/johnbierly/andreas09afterCSSchanges.jpg">

    The normal space between nav bar and title has disappeared, and the "ABOUT" box has lost its ... boxiness?

    This is what I changed for my links:

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

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

    And this is what I changed for my picture borders:

    .entry img, .entrytext img {
    border: 1px solid #000000;
    margin: 5px;
    padding: 0px;

    I didn't change anything else, anywhere else. Is there something I need to do to retain the original, default behavior of the title spacing and the "ABOUT" box?

    Thanks so much for your time.

  2. John, you must have fixed this right? I checked in both Firefox and Safari and it seems to be corrected. Are you still having some issues with this?

    Trent

  3. Hi, Trent,

    Thanks for the response! I didn't get it fixed, no. I just changed it back to default settings temporarily.

    I've put my custom CSS back up, with the janky code.

    It only has the top cut off when I'm logged in to WordPress. Otherwise, it goes to the top of the page okay.

  4. When you change the following:

    .entry img, .entrytext img {
    border: 1px solid #000000;
    margin: 5px;
    padding: 0px;

    All that is for is the header. I think it needs the padding and original margin back. There should be another img in there to change for photos, but not that one I think. That would be the problem.

    Trent

  5. Thanks again for the response, Trent.

    It's still acting weird. This time, I took out all of my custom changes -- including the photo borders -- and the only thing I changed was unbolding the links, like so:

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

    All I changed was the font-weight from "bold" to "normal," but my header still goes haywire and the "ABOUT" box gets screwy.

    I made this kindergarten-level photo to show you what it's doing:

    http://i83.photobucket.com/albums/j308/johnbierly/wpdemo.jpg

    So sorry to be a pain in the neck, and I sincerely do appreciate your time and patience.

  6. At least we have it narrowed down to that, at least that is a good thing. What if you change that back and then over ride it in the leftside, content and rightside divs? Maybe edit each of those to have that portion of the code?

    font-weight:normal;
    text-decoration:none;

    That way, the sitename and menu portions can remain with the bold for now (at least try and fix the rest of the site and work our way forward, 1 at a time!)

    Trent

  7. Actually, maybe it has to do with just the text-decoration? Maybe keep that portion out and try it on the global a anchor again.?

    Trent

  8. Thanks again, Trent! I'll try your suggestions when I've got some time, and I'll come back and mark this topic as resolved if I can figure it out, and if I fix it I'll explain the fix in case anybody else might be running into the same issues.

    Thanks so much for your help,

    John

  9. Gar, I'm still confused. (That's nothing new.) Even if I change only one thing, no matter where or what it might be, this is always the result:

    http://i83.photobucket.com/albums/j308/johnbierly/wpdemo.jpg

    Do I need to add some kind of code that keeps the top of the page intact?

  10. Okay, I think I'm good now. I was pasting the ENTIRE Andreas09 style sheet into the CSS editing box, and making changes to it there.

    This time I just entered in the few things I wanted to change, and it's just fine now.

    Thank you again, Trent, for all of your time! I'm marking this one as RESOLVED. Whammy!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags