can't find CSS not on main style sheet

  • shanfriz

    (@shanfriz)


    8 years, 3 months ago

    Hello, I’m working on an old site that I didn’t program. There is a problem on the single product page, the checkout button/description is moved way over to the right like this: http://www.jojocohatmakers.com/shop/earharts/earhart-pilots-in-organic-cotton/

    It should look like this: http://www.jojocohatmakers.com/shop/earharts/

    When I use firebug I can find the css I need to change, so it should be a 2 second fix, right? I can’t for the life of me, though, find where this css is. I’ve checked every where for it in the FTP and in the wordpress dash. In firebug I just get this string: index.php?wpsc_user_dynamic_css=true&category&ver=3.8.7.6.2.494864 Does anyone have any idea what this is?

    thanks!
    shannon

Viewing 5 replies - 1 through 5 (of 5 total)
  • codeManiac

    (@codemaniac)

    8 years, 3 months ago

    Hey shanfriz !

    The css is in a file called default.css under “default” directory. You can see that in this URL Path to default.css file

    I’d suggest you don’t touch that file and do your changes in the style.css.

    Just for info style.css isn’t the only place where the theme CSS code must be located 🙂 but the style.css file must exist.
    So to resume , put your code in the end of style.css and the problem will be solved

    Cheers !

    Thread Starter shanfriz

    (@shanfriz)

    8 years, 3 months ago

    Thanks, however, I looked there and the css I’m trying to find isn’t in default.css either!

    I’m trying to find these 2 lines:

    div.default_product_display div.textcol div.imagecol {
    left: 0;
    margin-left: -210px !important;
    position: absolute;
    top: 0;
    }

    div.single_product_display div.textcol {
    margin-left: 210px !important;
    min-height: 300px;
    }

    and change to margin-left: 0 on both.

    Thread Starter shanfriz

    (@shanfriz)

    8 years, 3 months ago

    I should also note I did try to add in:

    div.default_product_display div.textcol div.imagecol {
    margin-left: 0px !important;
    }

    div.single_product_display div.textcol {
    margin-left: 0px !important;
    }

    to bottom of style.css and nothing changes. I think it’s because of the !important already in the code I want changed.

    codeManiac

    (@codemaniac)

    8 years, 3 months ago

    Why trying there while you can do it on div.producttext ?

    try 

    .div.producttext {
    margin-left:0;
}

    Let me know how it goes

    Thread Starter shanfriz

    (@shanfriz)

    8 years, 2 months ago

    Hi, sorry it took me so long to reply! I didn’t have much time to throw at this before (thought it would be a 2 second fix) and had to jump on other projects. I have a breathing room now, so I’m back on it.

    .div.producttext {
    margin-left:0;
    }

    does not work. It’s because there is an !important in the code I’m trying to change. Nothing will override it and I still can’t find it.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘can't find CSS not on main style sheet’ is closed to new replies.