Forums

Engage with the Storenvy community to get help when you need it—or just to have a good time. Start with any of the categories below.

Background help

saratornow posted January 03, 2012 21:58 ago

On my shop I have a background image, but when you click on the Accessories page it goes away.. I'm guessing this is due to having the background color selected as white. In CSS how can I take it out so that my background works on that page? It's the only page that the background doesn't work on.

Here's my shop: http://sweetnovember.storenvy.com/

16 Replies

  • TwinSrpnt said January 03, 2012 22:22 ago

    Scroll down. It's there....way down there.

  • TwinSrpnt said January 03, 2012 22:28 ago

    I guess fix the css file

    body {
    background-attachment: fixed;
    background-color: #FFFFFF;
    background-position: center top;
    background-repeat: no-repeat;
    color: #464646;
    }

  • saratornow said January 03, 2012 22:31 ago

    How can I get it to look like the other pages though? Or move it up?

  • saratornow said January 03, 2012 22:31 ago

    I'll test that out and let you know. Thanks!

  • saratornow said January 03, 2012 22:34 ago

    Ah! That was it! Thanks so much!

  • saratornow said January 03, 2012 22:37 ago

    Do you know how I would take away the yellow hover color when viewing collection products?

  • TwinSrpnt said January 03, 2012 22:49 ago

    Yeah, add this to the css file. Change background-color to the one you want.

    li.product a:hover img {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #FFFFFF;
    background-image: none !important;
    background-origin: padding-box;
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: auto auto;
    }

  • saratornow said January 03, 2012 22:59 ago

    Thank you so much, you've really helped a lot!

  • TwinSrpnt said January 03, 2012 23:17 ago

    No problem. Anytime.

  • YourstrulyGaby said January 04, 2012 01:45 ago

    Add how can you get rid of the border around the products completely?? I just tried playing around with it but I couldn't figure it out. :(

  • TwinSrpnt said January 04, 2012 10:37 ago

    Try adding this:

    li.product {
    background: none !important;
    float: left;
    height: 225px;
    margin-right: 1px;
    position: relative;
    width: 225px;
    }

    li.product a img {
    background: none !important;
    border-radius: 0;
    height: 199px;
    padding: 5px;
    position: absolute;
    width: 199px;
    }

  • YourstrulyGaby said January 04, 2012 12:56 ago

    Thank you sooo much!! :)

  • TwinSrpnt said January 04, 2012 13:24 ago

    No problem. Sweet store btw.

  • YourstrulyGaby said January 05, 2012 00:10 ago

    As is yours!! After I read your about page and realized your theme, I had to go and read all your product descriptions! lol You guys should do a mermaid shirt or like a siren shirt! That would be a pretty sick shirt!

  • TwinSrpnt said January 05, 2012 00:16 ago

    Wow. A girl who likes our stuff. Thanks Gaby! We should. Sirens are sexy and evil!

  • YourstrulyGaby said January 06, 2012 03:10 ago

    lol yeah I've always been a sucker for greek mythology, I grew up with those tales, and I adore mermaids!

Please log in to comment.