Guest Posted November 7, 2005 Share Posted November 7, 2005 Hi Can anyone help me I am trying to set up new store and I am testing diffrent things to feel my way around. If you have a look at this test page I want to line up the text and change the txt to navy blue any one help me ? My Webpage Quote Link to comment Share on other sites More sharing options...
roban Posted November 7, 2005 Share Posted November 7, 2005 You're either going to have to change the immage size or have fewer images per line or shorten the descriptions. You only have so many pixels in the frame to deal with. You might try changing the size of the font to a smaller one. You can do this in style.css. There are tutorials available to tell you what to look for.CubeCart_css_properties.txt Quote Link to comment Share on other sites More sharing options...
markscarts Posted November 7, 2005 Share Posted November 7, 2005 Hi searchty! Also, Mozilla (FF, ns) have a problem displaying the header padding and margins correctly. To fix this, please open styleSheets/layout.css. Under #topHeader, FIND: margin-bottom: 0px; padding-right: 9px; padding-top: 0px; Please change values to: margin-bottom: 5px; padding-right: 9px; padding-top: 5px; Under .boxContent, please add this line: position: relative; like so: .boxContent { Â Â Â position: relative; Â Â Â padding: 3px; Â Â Â font-family: Verdana, Arial, Helvetica, sans-serif; Â Â Â font-size: 75%; Â Â Â color: black; Â Â Â background-color: #F3F3F3; Â Â Â margin-bottom: 5px; } Save, close & upload. Next, open styleSheets/style.css. FIND these two blocks: .bannerCart { Â Â Â position:relative; Â Â Â margin-top: 5px; Â Â Â margin-left: 5px; Â Â Â float: right; } .banner { Â Â Â position: relative; Â Â Â margin-top: 5px; Â Â Â margin-left: 5px; Â Â Â float:right; } CHANGE margin-top values to zero: margin-top: 0px; Next, FIND the class, .txtContentTitle. Under .txtContentTitle, please ADD this line: position: relative; Save, close & upload. Done. These tweaks will be added to the zip archives of all my Fashion skins, and repaired files will be sent to everyone who purchased them. Quote Link to comment Share on other sites More sharing options...
Guest Posted November 7, 2005 Share Posted November 7, 2005 Hi searchty! Also, Mozilla (FF, ns) have a problem displaying the header padding and margins correctly. To fix this, please open styleSheets/layout.css. Under #topHeader, FIND: margin-bottom: 0px; padding-right: 9px; padding-top: 0px; Please change values to: margin-bottom: 5px; padding-right: 9px; padding-top: 5px; Under .boxContent, please add this line: position: relative; like so: .boxContent { Â Â Â position: relative; Â Â Â padding: 3px; Â Â Â font-family: Verdana, Arial, Helvetica, sans-serif; Â Â Â font-size: 75%; Â Â Â color: black; Â Â Â background-color: #F3F3F3; Â Â Â margin-bottom: 5px; } Save, close & upload. Next, open styleSheets/style.css. FIND these two blocks: .bannerCart { Â Â Â position:relative; Â Â Â margin-top: 5px; Â Â Â margin-left: 5px; Â Â Â float: right; } .banner { Â Â Â position: relative; Â Â Â margin-top: 5px; Â Â Â margin-left: 5px; Â Â Â float:right; } CHANGE margin-top values to zero: margin-top: 0px; Next, FIND the class, .txtContentTitle. Under .txtContentTitle, please ADD this line: position: relative; Save, close & upload. Done. These tweaks will be added to the zip archives of all my Fashion skins, and repaired files will be sent to everyone who purchased them. Hi mark I have done all that please can you view and let me know if it right ? My Webpage Thanks Quote Link to comment Share on other sites More sharing options...
markscarts Posted November 7, 2005 Share Posted November 7, 2005 Looks better, but it looks as though you missed changing the padding-top to 5px in the first step. Is that the case, or not? Quote Link to comment Share on other sites More sharing options...
Guest Posted November 7, 2005 Share Posted November 7, 2005 Looks better, but it looks as though you missed changing the padding-top to 5px in the first step. Is that the case, or not? Hi Mark I had done the change but not uploaded it dohh take a look now Quote Link to comment Share on other sites More sharing options...
markscarts Posted November 7, 2005 Share Posted November 7, 2005 Looks much better . . . Quote Link to comment Share on other sites More sharing options...
markscarts Posted November 7, 2005 Share Posted November 7, 2005 OK, searchty, I just looked and saw that you haven't edited or uploaded styleSheets/layout.css, although you did fix style.css . . . That's why it doesn't look as good as it should - no white space at all above banner and cart Please do change the values for #topHeader and up-load to your site, as this will improve the site and make it appear much the same in IE and Mozilla. As to font color, there are various places that you should go to change the fonts both in layout.css and style.css. Search for color:, as each of these will set foreground (font) colors for various elements. Make only one change at a time if you are unsure, then upload and view . . . so if you change something you do not like, you can restore it with only one change :) Quote Link to comment Share on other sites More sharing options...
markscarts Posted November 7, 2005 Share Posted November 7, 2005 Nevermind the trial and error - I looked at style.css again and I have found your error. In changing color from black to navy, you typed in "navy blue" and CSS does not understand that. Change "navy blue;" to "navy;" here: .txtDefault, a.txtDefault, a.txtLink, a.txtLocation, a.txtCatMenu{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; color: navy blue; text-decoration:bold; padding:0px; } Quote Link to comment Share on other sites More sharing options...
markscarts Posted November 8, 2005 Share Posted November 8, 2005 I see you got the color changed to navy. OK, you've got text-decoration set as bold - that confuses CSS and you get the default underline. Acceptable values for the text-decoration property are:noneunderlineoverlinestrikethroughblinkIf you want to set text to bold, you should use the font-weight property:font-weight:bold;ALSO, are you aware that you have set the font-size for links at 85%, while the font-size for hover is at 110%? This makes the text jump large when you scroll over it - generally not a good idea IMO - you should consider setting both to the same value :wacko: Quote Link to comment Share on other sites More sharing options...
Guest Posted November 8, 2005 Share Posted November 8, 2005 I see you got the color changed to navy. OK, you've got text-decoration set as bold - that confuses CSS and you get the default underline. Acceptable values for the text-decoration property are:noneunderlineoverlinestrikethroughblinkIf you want to set text to bold, you should use the font-weight property:font-weight:bold;ALSO, are you aware that you have set the font-size for links at 85%, while the font-size for hover is at 110%? This makes the text jump large when you scroll over it - generally not a good idea IMO - you should consider setting both to the same value This is great after sales service Thanks Mark by the way are you any good at logo design...? Thank you 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.