WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] How Do I Get Rid of These Lines on My Site?

[Resolved] How Do I Get Rid of These Lines on My Site?

  • agfreesafety
    Member

    @agfreesafety

    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.

Viewing 12 replies - 1 through 12 (of 12 total)
  • Clayton James
    Participant

    @claytonjames

    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;
    }

    agfreesafety
    Member

    @agfreesafety

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

    agfreesafety
    Member

    @agfreesafety

    Wow! Thank you SO much!

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

    Again, thanks.

    Clayton James
    Participant

    @claytonjames

    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.

    agfreesafety
    Member

    @agfreesafety

    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.

    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.

    agfreesafety
    Member

    @agfreesafety

    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.

    agfreesafety
    Member

    @agfreesafety

    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?

    Clayton James
    Participant

    @claytonjames

    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.

    agfreesafety
    Member

    @agfreesafety

    That did the trick! Thank you soooooo much!

    agfreesafety
    Member

    @agfreesafety

    Thanks again!

    Clayton James
    Participant

    @claytonjames

    You’re welcome!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Resolved] How Do I Get Rid of These Lines on My Site?’ is closed to new replies.