WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How Do I Get Rid of These Lines on My Site? (13 posts)

  1. agfreesafety
    Member
    Posted 2 years ago #

    Just outside of the sidebars on my site, there are vertical dark grey (or black) lines.

    How might I go about removing them?

    Thanks for your help.

  2. ClaytonJames
    Member
    Posted 2 years ago #

    Edit #wrap in /silveray/master.css

    #wrap {
    background: none repeat scroll 0 0 #E7E7E7;
    border-left: 2px solid #5C5C5C;
    border-right: 2px solid #5C5C5C;

    margin: 0 auto;
    max-width: 1050px;
    min-width: 950px;
    }

  3. agfreesafety
    Member
    Posted 2 years ago #

    Here's a screenshot of the lines I'm talking about. Thanks for your time!

  4. agfreesafety
    Member
    Posted 2 years ago #

    Wow! Thank you SO much!

    You wouldn't happen to know where I'd remove this line, would you?

    Again, thanks.

  5. ClaytonJames
    Member
    Posted 2 years ago #

    I'm not sure where that one is coming from. It might be part of the image carousel, but I can't tell for sure.

  6. agfreesafety
    Member
    Posted 2 years ago #

    I was just told that it could be just a margin or a padding issue within the div element.

    I'm also told that I can set the top margin for the element below it to 0px or make sure the parent element has zero padding.

    Now I just have to figure out where this change needs to be made.

  7. Will D. White
    Member
    Posted 2 years ago #

    This looks like an explorer bug on your nice looking football ad. In Firefox the problem doesn't show up.

    To solve the problem you should look at the CSS "width" and "padding" values of each of the elements that contain the ad.

    It looks like one of those has a width or padding with a left value that is too high.

    Remember "TROUBLE" - TRBL - Top Right Bottom Left.

  8. agfreesafety
    Member
    Posted 2 years ago #

    This looks like an explorer bug on your nice looking football ad. In Firefox the problem doesn't show up.

    That's interesting, because it shows up for me from within Firefox.

    I'm having a tough time finding the section of the code that needs to be modified. I'm sorry, I don't know CSS yet. I will definitely put in time to learn it in the near future.

  9. agfreesafety
    Member
    Posted 2 years ago #

    I just learned how to inspect sections of my webpage with Firebug.

    I inspected the portion of the screen where this issue is taking place.

    Here's a screenshot of what Firebug displays.

    The arrow points to some padding values. Per your suggestion, I wanted to modify these numbers so I can test to see if they'll fix my issue.

    My problem, is I've searched my style.css, master.css, and sidebar.php for ".smooth", so I can find this portion of code, but I can't find it.

    How do I figure out which file contains the stuff I'm trying to modify?

  10. ClaytonJames
    Member
    Posted 2 years ago #

    It shows in Firefox for me too.

    ..edit master.css

    Try changing this:

    #content {
    
    	margin: 50px 0;
    
    	background:  url(images/bg_sb_left.gif) repeat-y 0 0;
    
    	}

    to this:

    #content {
    
    	margin: 50px 0;
    
    	background:  url(images/bg_sb_left.gif) repeat-y 0 0 #E8E8E8;
    
    	}

    That might do it.

  11. agfreesafety
    Member
    Posted 2 years ago #

    That did the trick! Thank you soooooo much!

  12. agfreesafety
    Member
    Posted 2 years ago #

    Thanks again!

  13. ClaytonJames
    Member
    Posted 2 years ago #

    You're welcome!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.