Support » Themes and Templates » Removing borders

  • Resolved katykat46

    (@katykat46)


    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Quincy

    (@lodjixmedia)

    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

    Thanks for the help!!!

    You know your stuff.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Removing borders’ is closed to new replies.