WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Removing borders (3 posts)

  1. katykat46
    Member
    Posted 4 years ago #

    Hi, I'm wanting to remove some border lines on the sidebar of my theme. I'm wondering what the file will look like that I should remove from the editor. Thanks for looking!

    http://www.katykavanaugh.com

    It's the two white lines and the single white line on the right hand side of the website. Theme is Riva.

  2. Quincy
    Member
    Posted 4 years ago #

    Hi Katy,

    Go to Themes, editor and open styles.css (if it's not already opened).

    For the double lines, find #mainleft (line 78) and change to:

    #mainleft {
    display:inline;
    float:left;
    margin:25px 0 0;
    overflow:hidden;
    padding:25px 0 20px;
    width:407px;
    }

    The white line on the right side is actually part of a background image set for the body tag and the header (styles.css line:25 and line:31 respectively). Their CSS code is:

    body {
    background:url("images/bg.gif") repeat-y scroll 0 0 #292929; /* this is the background style with the image of the white line */
    color:#FAFAFA;
    font-family:Century Gothic,Arial,Helvetica,Sans-Serif;
    font-size:13px;
    margin:0;
    padding:0;
    }
    
    #header {
    background:url("images/header.gif") no-repeat scroll left top transparent; /* this is the background style with the image of the white line */
    height:231px;
    margin:0;
    padding:0;
    width:80%;
    }

    You'll need to edit the image to remove the line on the right and replace it in the background style for body and #header.

    Good luck

    Q

  3. katykat46
    Member
    Posted 4 years ago #

    Thanks for the help!!!

    You know your stuff.

Topic Closed

This topic has been closed to new replies.

About this Topic