Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

DRIVING ME NUTSSSS!!!


Guest

Recommended Posts

This is driving me nuts. I've been trying to get rid of the stupid annoying borders around my infoboxes. No matter what I change in the stylesheet, they are still there!

 

What I want:

 

1) no infobox borders

2) category names to be CENTERED & spaced out a little bit more

3) category names to be a tad darker (they're too light now)

 

here's my site: www.fairytalefashionshoppe.com

 

Can anyone help me? I've literally spent about 6 hours on this.

Link to comment
Share on other sites

This is driving me nuts. I've been trying to get rid of the stupid annoying borders around my infoboxes. No matter what I change in the stylesheet, they are still there!

 

What I want:

 

1) no infobox borders

2) category names to be CENTERED & spaced out a little bit more

3) category names to be a tad darker (they're too light now)

 

here's my site: www.fairytalefashionshoppe.com

 

Can anyone help me? I've literally spent about 6 hours on this.

 

What sections of the stylesheet have you been changing?

Link to comment
Share on other sites

This is driving me nuts. I've been trying to get rid of the stupid annoying borders around my infoboxes. No matter what I change in the stylesheet, they are still there!

 

What I want:

 

1) no infobox borders

2) category names to be CENTERED & spaced out a little bit more

3) category names to be a tad darker (they're too light now)

 

here's my site: www.fairytalefashionshoppe.com

 

Can anyone help me? I've literally spent about 6 hours on this.

 

Karina, go to your stylesheet, and for (1) find:

.infoBox {

 

background: #FFFFFF;

 

}

 

Change to:

.infoBox {

 

background: #FFFFFF;

border: none

 

}

 

For (2) and (3) find:

.infoBoxContents {

 

background: #FFFFFF;

 

font-family: Verdana, Arial, sans-serif;

 

font-size: 10px;

 

}

 

Change to:

.infoBoxContents {

 

background: #FFFFFF;

 

font-family: Verdana, Arial, sans-serif;

 

font-size: 10px;

 

padding-left:10px;

 

line-height:10px;

 

}

 

If that doesn't work, find:

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; }

 

Change to:

.boxText { font-family: Verdana, Arial, sans-serif;

font-size: 11px;

padding-left:10px;

line-height:10px;

 

}

Try changing your font color: #E35169 (this is a tad darker than what you have now).

 

Sorry I can't do better than this -- going on 1:00 in the morning here. If you're still having problems, find me on Yahoo Messenger (name is in my profile) in about 7 or 8 hours when I'm refreshed and in the office, and I'll help you out more. Good luck.

Jason

 

Simple 1-2-3 Intructions on how to get, install and configure SSL

 

The Google Sandbox explained

 

Simple to follow instructions on how to change the look of your OSC

 

How To Make A Horrible OSC Website

 

my toolbox: All things WordPress-related - All things Adobe-related - PHP Designer 2007 - Codecanyon Junkie - Crimson Editor - Winmerge - phpMyAdmin - WS_FTP

 

my installed contributions: Category Banners, File Upload feature-.77, Header Tags, Sort_Product_Attributes_1, XSellv2.3, Price Break 1.11.2, wishlist 3.5, rollover_category_images_v1.2, Short_Description_v2.1, UPSXML_v1_2_3, quickbooks qbi_v2_10, allprods v4.4, Mouseover-effect for image-buttons 1.0, Ultimate_SEO, AAP 1.41, Auto Select State Value, Fast Easy Checkout, Dynamic SiteMap v2.0, Image Magic, Links Manager 1.14, Featured Products, Customer Testimonials, Article Manager, FAQ System, and I'm sure more ...

Link to comment
Share on other sites

Karina, go to your stylesheet, and for (1) find:

.infoBox {

 

background: #FFFFFF;

 

}

 

Change to:

.infoBox {

 

background: #FFFFFF;

border: none

 

}

 

For (2) and (3) find:

.infoBoxContents {

 

background: #FFFFFF;

 

font-family: Verdana, Arial, sans-serif;

 

font-size: 10px;

 

}

 

Change to:

.infoBoxContents {

 

background: #FFFFFF;

 

font-family: Verdana, Arial, sans-serif;

 

font-size: 10px;

 

padding-left:10px;

 

line-height:10px;

 

}

 

If that doesn't work, find:

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; }

 

Change to:

.boxText { font-family: Verdana, Arial, sans-serif;

font-size: 11px;

padding-left:10px;

line-height:10px;

 

}

Try changing your font color: #E35169 (this is a tad darker than what you have now).

 

Sorry I can't do better than this -- going on 1:00 in the morning here. If you're still having problems, find me on Yahoo Messenger (name is in my profile) in about 7 or 8 hours when I'm refreshed and in the office, and I'll help you out more. Good luck.

 

Thank you so much for the quick response.

 

I tried what you suggested, and literally NOTHING changed. I don't know if it's a problem with my browser not checking for a new version or something. Tried Firefox & IE6, I've cleared my cache & everything else I can think of but everything is exactly the same including that border. ??? I'm stumped.

 

Here's my style sheet as it is now (after your changes):

 

.boxText { 
font-family: Verdana, Arial, sans-serif; 
font-size: 12px; 
padding-left:10px;
line-height:10px; 

}


.errorBox { 
font-family: Verdana, Arial, sans-serif;
font-size : 12px; 
background: #ffb3b5; 
font-weight: bold; 
}

.stockWarning { 
font-family: Verdana, Arial, sans-serif;
font-size : 12px; 
color: #cc0033; 
}

.productsNotifications { 
background: #f2fff7; 
}

.orderEdit { 
font-family: Verdana, Arial, sans-serif; 
font-size : 12px; 
color: #70d250; 
text-decoration: underline; 
}

body{
scrollbar-arrow-color:#ffffff;
scrollbar-base-color:#ffffff;
scrollbar-dark-shadow-color:#ffffff;
scrollbar-track-color: #df8591;
scrollbar-face-color:#f5b5be;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3d-light-color: #ffffff;
}

BODY {  
background: url(https://www.fairytalefashionshoppe.com/os/images/onceupon/once_dots.gif);  
color: #df8591;  
margin: 0px; 
margin-bottom: 0px; 
margin-top: 0px;
}

A {  
color: #df8591;  
text-decoration: none;
}

A:hover {  
color: #fbdfd5;  
text-decoration: underline;
}

FORM {	
display: inline;
}

TR.header {  
background: #ffffff;
}

TR.headerNavigation {  
background: #FFFFFF;
}

TD.headerNavigation {  
font-family: Verdana, Arial, sans-serif;  
font-size: 14px;  
background: #FFFFFF;  
color: #FFFFFF;  
font-weight : bold;
}

A.headerNavigation {   
color: #df8591; 
}

A.headerNavigation:hover {  
color: #fbdfd5;
}

TR.headerError {  
background: #ff0000;
}

TD.headerError {  
font-family: Tahoma, Arial, sans-serif;  
font-size: 14px;  
background: #F1C4C6;  
color: #ffffff;  
font-weight : bold;  
text-align : center;
}

TR.headerInfo {  
background: #E78694;
}

TD.headerInfo {  
font-family: Tahoma, Arial, sans-serif;  
font-size: 14px;  
background: #E78694;  
color: #ffffff;  
font-weight: bold;  
text-align: center;
}

TR.footer {  
background: #E78694;
}

TD.footer {  
font-family: Verdana, Arial, sans-serif; 
font-size: 10px;  
background: #E78694;  
color: #ffffff;  
font-weight: bold;
}

.infoBox {  
background: #FFFFFF;
border: none

}

.infoBoxContents { 
background: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
padding-left:12px;
line-height:12px;
}




.infoBoxNotice {  
background: #E78694;
}

.infoBoxNoticeContents {  
background: #FFFFFF;  
font-family: Verdana, Arial, sans-serif;  
font-size: 12px;
}

TD.infoBoxHeading {  
font-family: Verdana, Arial, sans-serif;  
font-size: 12px;  
font-weight: bold;  
background: #FFFFFF;  
color: #E78694;
}

TD.infoBox, SPAN.infoBox {  
font-family: Verdana, Arial, sans-serif;  
font-size: 12px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {  
background: #FAECEE;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {  
background: #FFFFFF;
}

TABLE.productListing {  
border: 1px;  
border-style: solid;  
border-color: #E78694;  
border-spacing: 1px;
}

.productListing-heading {  
font-family: Verdana, Arial, sans-serif; 
font-size: 12px;  
background: #E78694;  
color: #FFFFFF;  
font-weight: bold;
}

TD.productListing-data {  
font-family: Verdana, Arial, sans-serif; 
font-size: 12px;  
color: #000000
}

A.pageResults {  
color: #000000;
}

A.pageResults:hover {  
color: #fbdfd5;  
background: #FFFFFF;
}

TD.pageHeading, DIV.pageHeading {  
font-family: Verdana, Arial, sans-serif; 
font-size: 20px;  
font-weight: bold;  
color: #df8591;
}

TR.subBar {  
background: #FFFFFF;
}

TD.subBar {  
font-family: Verdana, Arial, sans-serif;  
font-size: 12px;  
color: #df8591;
}

TD.main, P.main {  
font-family: Verdana, Arial, sans-serif;  
font-size: 13px;  
line-height: 1.5;  
color: #000000
}

TD.smallText, SPAN.smallText, P.smallText {  
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}

TD.accountCategory {  
font-family: Verdana, Arial, sans-serif; 
font-size: 14px;  
color: #9ab35b;
}

TD.fieldKey {  
font-family: Verdana, Arial, sans-serif;  
font-size: 13px;  
font-weight: bold;
}

TD.fieldValue {  
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}

TD.tableHeading {  
font-family: Verdana, Arial, sans-serif;
font-size: 13px;  
font-weight: bold;
}

SPAN.newItemInCart {  
font-family: Verdana, Arial, sans-serif;  
font-size: 12px;  
color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {  
font-family: Verdana, Arial, sans-serif;  
font-size: 12px;
}

TEXTAREA {  
width: 100%;  
font-family: Verdana, Arial, sans-serif; 
font-size: 11px;
}

SPAN.greetUser {  
font-family: Verdana, Arial, sans-serif; 
font-size: 12px;  
color: #df8591;  
font-weight: bold;
}

TABLE.formArea {  
background: #E78694;  
border-color: #E78694;  
border-style: solid;  
border-width: 1px;
}

TD.formAreaTitle {  
font-family: Tahoma, Arial, sans-serif;  
font-size: 12px;  
font-weight: bold;
}

SPAN.markProductOutOfStock {  
font-family: Tahoma, Arial, sans-serif;  
font-size: 12px;  
color: #c76170;  
font-weight: bold;
}

SPAN.productSpecialPrice {  
font-family: Verdana, Arial, sans-serif;  
color: #ff0000;
}

SPAN.errorText {  
font-family: Verdana, Arial, sans-serif;  
color: #ff0000;
}

.moduleRow {
}

.moduleRowOver { 
background-color: #FCEFF0; 
cursor: pointer; 
cursor: hand; 
}

.moduleRowSelected { 
background-color: #FFFFFF;
}

.checkoutBarFrom, .checkoutBarTo { 
font-family: Verdana, Arial, sans-serif;
font-size: 10px; 
color: #FCEFF0;
}

.checkoutBarCurrent { 
font-family: Verdana, Arial, sans-serif; 
font-size: 10px; color: #000000;
}

/* message box */
.messageBox { 
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}

.messageStackError, .messageStackWarning { 
font-family: Verdana, Arial, sans-serif; 
font-size: 10px; 
background-color: #ffb3b5;
}

.messageStackSuccess { 
font-family: Verdana, Arial, sans-serif; 
font-size: 12px; 
background-color: #99ff00;
 }

/* input requirement */
.inputRequirement { 
font-family: Verdana, Arial, sans-serif; 
font-size: 12px; 
color: #ff0000;
 }

 /* DDB - 041031 - Form Field Progress Bar */
 .progress{	
 width: 1px;	
 height: 14px;	
 color: white;	
 font-size: 12px;	
 overflow: hidden;	
 background-color: navy;	
 padding-left: 5px;
 }

ul.sitemap {

color: #ff0000;

}

 

I don't understand. Thanks for helping. I may MSN IM you tomorrow if you don't mind. Gotta get the kids to bed & get some sleep myself.

Link to comment
Share on other sites

Here's my style sheet as it is now (after your changes):

 

.boxText { 
font-family: Verdana, Arial, sans-serif; 
font-size: 12px; 
padding-left:10px;
line-height:10px; 

}
.errorBox { 
font-family: Verdana, Arial, sans-serif;
font-size : 12px; 
background: #ffb3b5; 
font-weight: bold; 
}

.stockWarning { 
font-family: Verdana, Arial, sans-serif;
font-size : 12px; 
color: #cc0033; 
}

[SNIPPED]
.infoBox {  
background: #FFFFFF;
border: none

}

 

This is not your stylesheet as listed in https://www.fairytalefashionshoppe.com/os/stylesheet.css

 

I *did* explain in a bit more detail in an earlier post until the *!^* OSC database decided it had too many connections and crashed (again)

 

Anyway, check that the file you're editing is the same one as that being called by your home page (and get rid of that annoying right click disable - it wastes time debugging for you)

 

Regards,

one-click installation..

Dave's info

Link to comment
Share on other sites

This is not your stylesheet as listed in https://www.fairytalefashionshoppe.com/os/stylesheet.css

 

I *did* explain in a bit more detail in an earlier post until the *!^* OSC database decided it had too many connections and crashed (again)

 

Anyway, check that the file you're editing is the same one as that being called by your home page (and get rid of that annoying right click disable - it wastes time debugging for you)

 

Regards,

 

Oh my gosh, I'm such an idiot. Somehow during one of these modifications, I accidentally FTP'd the stylesheet to the includes/ directory & have been editing that one. :rolleyes: I've still got some tweaking to do but at least I'm modifying the correct one now! Thanks for the help!

Link to comment
Share on other sites

Oh my gosh, I'm such an idiot. Somehow during one of these modifications, I accidentally FTP'd the stylesheet to the includes/ directory & have been editing that one. :rolleyes: I've still got some tweaking to do but at least I'm modifying the correct one now! Thanks for the help!

 

Change your:

padding-left:10px

 

To:

padding-left:5px

 

It seems too pushed over to the right as of now.

 

And yes, get rid of that right-click-disable stuff. That's too elementary. What are you worried about? Someone stealing the flower picture or something? At least disable it until you're finished with the site, so it's easier for us to help you out.

 

So all of this in your header can go:

<script language=JavaScript>

<!--

//Disable right mouse click Script

//By Maximus ([email protected]) w/ mods by DynamicDrive

//For full source code, visit http://www.dynamicdrive.com

var message="Web Design by She and I Designs";

///////////////////////////////////

function clickIE4(){

if (event.button==2){

alert(message);

return false;

}

}

function clickNS4(e){

if (document.layers||document.getElementById&&!document.all){

if (e.which==2||e.which==3){

alert(message);

return false;

}

}

}

if (document.layers){

document.captureEvents(Event.MOUSEDOWN);

document.onmousedown=clickNS4;

}

else if (document.all&&!document.getElementById){

document.onmousedown=clickIE4;

}

document.oncontextmenu=new Function("alert(message);return false")

// -->

</script>

 

Good luck.

Jason

 

Simple 1-2-3 Intructions on how to get, install and configure SSL

 

The Google Sandbox explained

 

Simple to follow instructions on how to change the look of your OSC

 

How To Make A Horrible OSC Website

 

my toolbox: All things WordPress-related - All things Adobe-related - PHP Designer 2007 - Codecanyon Junkie - Crimson Editor - Winmerge - phpMyAdmin - WS_FTP

 

my installed contributions: Category Banners, File Upload feature-.77, Header Tags, Sort_Product_Attributes_1, XSellv2.3, Price Break 1.11.2, wishlist 3.5, rollover_category_images_v1.2, Short_Description_v2.1, UPSXML_v1_2_3, quickbooks qbi_v2_10, allprods v4.4, Mouseover-effect for image-buttons 1.0, Ultimate_SEO, AAP 1.41, Auto Select State Value, Fast Easy Checkout, Dynamic SiteMap v2.0, Image Magic, Links Manager 1.14, Featured Products, Customer Testimonials, Article Manager, FAQ System, and I'm sure more ...

Link to comment
Share on other sites

Oh my gosh, I'm such an idiot. Somehow during one of these modifications, I accidentally FTP'd the stylesheet to the includes/ directory & have been editing that one. :rolleyes: I've still got some tweaking to do but at least I'm modifying the correct one now! Thanks for the help!

 

Change your:

padding-left:10px

 

To:

padding-left:5px

 

It seems too pushed over to the right as of now. Change the proper one and upload it to the proper directory, also.

 

And yes, get rid of that right-click-disable stuff. That's too elementary. What are you worried about? Someone stealing the flower picture or something? At least disable it until you're finished with the site, so it's easier for us to help you out.

 

So all of this in your header can go:

<script language=JavaScript>

<!--

//Disable right mouse click Script

//By Maximus ([email protected]) w/ mods by DynamicDrive

//For full source code, visit http://www.dynamicdrive.com

var message="Web Design by She and I Designs";

///////////////////////////////////

function clickIE4(){

if (event.button==2){

alert(message);

return false;

}

}

function clickNS4(e){

if (document.layers||document.getElementById&&!document.all){

if (e.which==2||e.which==3){

alert(message);

return false;

}

}

}

if (document.layers){

document.captureEvents(Event.MOUSEDOWN);

document.onmousedown=clickNS4;

}

else if (document.all&&!document.getElementById){

document.onmousedown=clickIE4;

}

document.oncontextmenu=new Function("alert(message);return false")

// -->

</script>

 

Good luck.

Jason

 

Simple 1-2-3 Intructions on how to get, install and configure SSL

 

The Google Sandbox explained

 

Simple to follow instructions on how to change the look of your OSC

 

How To Make A Horrible OSC Website

 

my toolbox: All things WordPress-related - All things Adobe-related - PHP Designer 2007 - Codecanyon Junkie - Crimson Editor - Winmerge - phpMyAdmin - WS_FTP

 

my installed contributions: Category Banners, File Upload feature-.77, Header Tags, Sort_Product_Attributes_1, XSellv2.3, Price Break 1.11.2, wishlist 3.5, rollover_category_images_v1.2, Short_Description_v2.1, UPSXML_v1_2_3, quickbooks qbi_v2_10, allprods v4.4, Mouseover-effect for image-buttons 1.0, Ultimate_SEO, AAP 1.41, Auto Select State Value, Fast Easy Checkout, Dynamic SiteMap v2.0, Image Magic, Links Manager 1.14, Featured Products, Customer Testimonials, Article Manager, FAQ System, and I'm sure more ...

Link to comment
Share on other sites

Thanks. No I'm not afraid of people stealing a flower picture. :rolleyes: I've been afraid to delete the right-click-disable script because it was put there by the people I bought the template from. But it's been really annoying to me with trouble-shooting so I just went ahead & deleted it. I think I just violated my agreement but if they gripe about it I'll put it back. ;)

 

Does anyone have any more suggestions as far as layout? Would it be better to put the right column back? I took it away because I thought it looked too crowded, but now I think I've got too much stuff in the left column & it makes the page too long. I think I'm going to remove the what's new box too.

 

Any other suggestions? Be as harsh as necessary!

 

I love your "How To" articles by the way jpweber. :)

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...