Guest zappo25 Posted May 13, 2007 Share Posted May 13, 2007 Could somone give me the standered code for the layout.css for the ledgend skin please please help me my site is messed up Quote Link to comment Share on other sites More sharing options...
Guest hardnut33 Posted May 13, 2007 Share Posted May 13, 2007 body { margin: 5px; background-color: #000013; background-attachment: fixed; background-image: url(../styleImages/backgrounds/pageBg.jpg); background-repeat: repeat-x; background-position: top; } #pageSurround { width: 748px; margin: 0px auto; padding: 5px; border: 1px solid #000000; background-color: #FFFFFF; } #subSurround { border: 1px solid #5C84CE; background-image: url(../styleImages/backgrounds/contentBg.jpg); background-repeat: repeat-x; background-position: bottom; } #topHeader { text-align: right; height: 116px; margin-bottom: 10px; padding-right: 9px; padding-top: 0px; background-image: url(../styleImages/backgrounds/topHeader.jpg); border-bottom: 1px solid #000000; } .boxTitleLeft, .boxTitleRight { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #09347C; background-image: url(../styleImages/backgrounds/boxTitleBg.gif); width: 155px; height: 15px; padding-left: 5px; padding-top: 1px; } .boxContentLeft, .boxContentRight { border-left: 2px solid #0E51A3; border-right: 2px solid #0E51A3; border-bottom: 2px solid #0E51A3; background-color: #FFFFFF; padding-left: 5px; margin-bottom: 10px; padding-top: 3px; padding-bottom: 5px; } .colLeft { position: relative; left: 0px; width: 160px; padding-left: 9px; padding-right: 5px; float: left; } .colMid { position: relative; width: 398px; float: left; } .colRight { position: relative; width: 160px; padding-left: 5px; right: 9px; float: right; } .boxContent { border-top: 1px solid #A8B4B0; border-right: 1px solid #5E85CF; border-bottom: 1px solid #5E85CF; border-left: 1px solid #5E85CF; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #333333; background-color: #FFFFFF; margin-bottom: 5px; } /* CHECKOUT PAGES */ .colLeftCheckout { position: relative; left: 0px; width: 160px; padding-left: 9px; padding-right: 10px; float: left; } .colMainCheckout { position: relative; width: 558px; float: left; } /* END CHECK OUT PAGES */ .siteDocs { text-align:center; margin-top: 10px; } .pagination { text-align: right; padding-top: 5px; padding-bottom: 5px; } #subCats { background-color: #EBEDFE; text-align: center; border: 1px solid #C9CEFC; margin: 0px; padding: 3px; float: left; width: 387px; } .subCat { text-align: center; padding: 8px; float: left; width: 110px; } .regSep{ padding: 10px 0px 10px 0px; margin: 10px 0px 10px 0px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } Quote Link to comment Share on other sites More sharing options...
Guest zappo25 Posted May 13, 2007 Share Posted May 13, 2007 Thanks but look at the site this is the problem www.jpbgames.com please help :dizzy: Quote Link to comment Share on other sites More sharing options...
Guest zappo25 Posted May 13, 2007 Share Posted May 13, 2007 Thanks but look at the site this is the problem www.jpbgames.com please help That worked but look at the latest products lol how do i get them in a row sideways thanks sir you have been very helpful :D Quote Link to comment Share on other sites More sharing options...
markscarts Posted May 13, 2007 Share Posted May 13, 2007 Looks fine now on homepage, except for the latest products being in one column. The code given above is from earlier skin versions, there is a class added in later CC files that you need in there, here it is: .latestProds { float: left; text-align: center; width: 131px; height: 120px; } Quote Link to comment Share on other sites More sharing options...
Guest hardnut33 Posted May 13, 2007 Share Posted May 13, 2007 i cant see ANY latest products Quote Link to comment Share on other sites More sharing options...
Guest zappo25 Posted May 13, 2007 Share Posted May 13, 2007 i cant see ANY latest products I took them off its ok thanks guys so so so much any ideas how to have just one logo i have 2 now lol Quote Link to comment Share on other sites More sharing options...
markscarts Posted May 13, 2007 Share Posted May 13, 2007 In that same file, find this line: background-image: url(../styleImages/backgrounds/topHeader.jpg); just below it, add this line: backgound-repeat: no-repeat; Quote Link to comment Share on other sites More sharing options...
Guest zappo25 Posted May 13, 2007 Share Posted May 13, 2007 Didnt work Quote Link to comment Share on other sites More sharing options...
markscarts Posted May 13, 2007 Share Posted May 13, 2007 LOL, I type too fast and gave up editing my posts for errors about a year go I misspelled the word "background" in the code above, should be background-repeat: no-repeat; Quote Link to comment Share on other sites More sharing options...
Guest zappo25 Posted May 13, 2007 Share Posted May 13, 2007 Mark you are a ledgend :D:D Quote Link to comment Share on other sites More sharing options...
markscarts Posted May 13, 2007 Share Posted May 13, 2007 Thank you friend, but . . . it's just basic css See w3schools.org for more info and css tutorials :dizzy: Quote Link to comment Share on other sites More sharing options...
Guest itrends Posted May 14, 2007 Share Posted May 14, 2007 Also if you need the basic CSS again, or indeed the basic "any file name here" then just re download cubecart and grab it from the core files :dizzy: Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.