DRIVING ME NUTSSSS!!!

[Guest]

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.

[simplytaty]

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?

[jpweber]

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.

[Guest]

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.

[Guest]

By the way, I'm trying to get my boxes to look more like this:

 

http://www.mypinkprincessjeweltique.com/shop/

 

centered, spaced out, & dark colored.

 

Thanks!

[digbydo]

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,

[Guest]

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!

[digbydo]

glad you got it sorted :thumbsup:

have fun :)

[jpweber]

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.

[jpweber]

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.

[Guest]

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. :)