The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
2 posters

    Shop Code

    Asriel
    Asriel
    Forumember


    Male Posts : 585
    Reputation : 32
    Language : English, Russian, Ukrainian
    Location : St. Somewhere

    Solved Shop Code

    Post by Asriel November 16th 2013, 4:03 pm

    I need help moving "shopping cart" slightly to the bottom. So, it's not so high up at the top.

    Shop Code  MlGt2iL

    Bellow is the CSS used to modify the shopping cart. Hopefully it'll prove useful.

    Anything in code says ".cart" is associated with a shopping cart.

     Thank you.

    Code:
    <style type="text/css">
    .header{color:#FA8805;font-size:54px;text-align:center;text-shadow:4px 3px 4px #000000;height:40px;padding-bottom:40px;border: 3px solid #660BAB;}
    .shopWrapper {border: 6px double #138900;}
    .title{color:#000;font-size:12px;}
    .image img{height:60px;width:60px;}
    .image{text-align:center;}
    .points{color: #FFA773;font-size:10px;float:left;text-align:center;}
    .sale{color: red; font-size:9px;float:right;text-align:center; font-weight: strong;}
    .item{width:130px;min-height:150px;border:1px solid #000000;overflow:hidden;height:auto;padding:5px;background: white;text-align:center;}
    .descrip{background:#138900;overflow:hidden;height:auto;min-height: 50px;}
    .description {color: white;font-size: 10px;word-wrap: break-word;text-align: left !important;float: left;text-indent: 5px;}
    .itemWrapper{text-align:center;margin:0 auto;float:left;}
    .inventWrapper{float:left;width:600px;height:auto;overflow:hidden;}
    .cart{overflow: hidden;background: white;}
    .cart_title{text-align:center;color: #138900;border-bottom:2px solid #138900;}
    .cart_items{text-align:left; font-size: 11px; color: #1DD300;}
    .cart_body{text-align: center; background: url('http://i46.servimg.com/u/f46/12/16/55/86/bg_24710.png');
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 3px solid #138900;
    height: 300px;
    background-color: #1DD300}
    .cartWrapper{float:center;width:200px;}
    .totaler{bottom:0; color: black;}
    li:hover{cursor:pointer;}
    #checkout{float: left;
    height: 100px;
    text-align: center;
    font-size: 11px;
    font-family: Verdana;
    background: #138900;
    border-top: 3px solid black;
    margin-top: 5px;
    width: 100% !important;}
    </style>


    Last edited by Asriel on November 25th 2013, 12:35 am; edited 1 time in total
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3524
    Language : English
    Location : United States

    Solved Re: Shop Code

    Post by SLGray November 16th 2013, 8:44 pm

    Code:
    #checkout{float: left;
    height: 100px;
    text-align: center;
    font-size: 11px;
    font-family: Verdana;
    background: #138900;
    border-top: 3px solid black;
    margin-top: 5px;
    Try changing the margin-top number.



    Shop Code  Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Asriel
    Asriel
    Forumember


    Male Posts : 585
    Reputation : 32
    Language : English, Russian, Ukrainian
    Location : St. Somewhere

    Solved Re: Shop Code

    Post by Asriel November 25th 2013, 12:32 am

    Solved. Thanks.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3524
    Language : English
    Location : United States

    Solved Re: Shop Code

    Post by SLGray November 25th 2013, 12:40 am

    Topic Solved & Locked



    Shop Code  Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.

      Current date/time is November 13th 2024, 8:32 pm