Need To Remove Some Very Specific CSS...

[designwerks]

Jamie,

Can you tell me the code to remove the box that is drawn around the reviews and other store areas. I have attached an image.

Before I remove the code - will it somehow affect margins etc? Should I just remove the code that adds the decorative box or is there more to it?

css_box.PNG

John

[Jamie]

If the only reason you want to do that is because the corner image doesn't look right, let me know and I can give you one that matches your site.

If not, and you just want those boxes gone....

In style_main.css.php, find this:

/******************************************************************
    Rounded corners for some boxes
******************************************************************/
.boxc {
    position:relative;
    border: silver solid 1px;
    padding: 10px;
}

.boxc b.cn {
    height: 10px;
    width: 10px;
    background: url(https://www.woodwickcandles.ca/store/squirrelcart/themes/squirrelcart/images/corner.gif) no-repeat;
    position:absolute;
} 

.boxc b.tl {
    top: -2px; 
    left: -2px; 
    background-position: top left;
}

.boxc b.tr {
    top: -2px; 
    right: -2px; 
    background-position: top right;
} 

.boxc b.bl {
    bottom: -2px;
    left: -2px; 
    background-position: bottom left;
} 

.boxc b.br {
    bottom: -2px; 
    right: -2px; 
    background-position: bottom right;
}

Change to this:

.boxc {
    padding: 10px;
}

If you don't want that padding, you can remove that entire block of code replacing it with nothing.


FYI - you still have something screwy going on with your CSS. You have 2 link tags for style_main.css.php. You should fix that first before trying the above.

[designwerks]

If you can figure out a way to get rid of the white background on the rounded corners let me know. I must have misunderstood you - in a different thread - I thought you said that even if I made it transparent it would not work...

I'd like to keep it, but change it so it looks right...

Storefront CSS issue - can you help me understand?

John

[Jamie]

Stay tuned...

[Jamie]

OK.

1. Fix the duplicate style_main.css.php references
2. Drop the attached file into the images folder inside your custom theme folder
3. Refresh the page

You should then get corners like this:
example.png

[designwerks]

Jamie,

Cool custom fix for the site thanks. Just a note for others, I didn't realize how many times in the web form those curved radius lines are called out. I personally am glad I did not remove the CSS.

Thanks again for all your effort,

John

[Jamie]

You're welcome, glad that helped.