I need help with minor style sheet edits

Discussion in 'CSS' started by SSC, Sep 17, 2015.

  1. #1
    Guys,

    I am working on this site store-sos1ch6o.mybigcommerce.com and here are the things that I need help with.
    I will use screenshots to describe the problem and to save us some time.

    FYI; I have tried to use inspect element tool in chrome with no luck. here is the screenshot:
    http://screencast.com/t/RSYW4HuFI0

    Any help would be greatly appreciated.
     
    Solved! View solution.
    SSC, Sep 17, 2015 IP
  2. #2
    The vertical lines are from an image. Check this rule (styles.css: line 3363)

    .PageMenu li {
        position: relative;
        padding: 0px;
        display: inline-block;
        margin: 0px;
        background: transparent url("../images/megnor/menu_pipe.jpg") no-repeat scroll left 20px;
    }
    Code (markup):
    The horizontal line is here (custom.css:38)
    .PageMenu .inner {
        position: relative;
        background: transparent none repeat scroll 0% 0%;
        border-bottom: 1px solid #000;
    }
    Code (markup):
     
    th.sigit, Sep 17, 2015 IP