White Boxes and Image Overlap

[bigpunks]

First of all here is my site: www.bigpunks.com I am having 2 problems that I am sure are really easy to fix
1. There are white boxes in the corners between my border and background image. How can I make that transparent or square off the corners if necessary.
2. My image in the header is also overlapping the border in the top left corner.

Please give me feedback on the site It has been a work in progress for over a month and I have done advertising but have only sold one shirt. What can I do to improve the look of my site? Thanks in advance

Stephen
www.bigpunks.com

[haredo]

1. There are white boxes in the corners between my border and background image. How can I make that transparent or square off the corners if necessary.

Bi,
Locate this:
includes/templates/nifty_zen/css/stylesheet_new.css

Edit this:

h3.leftBoxHeading, h3.rightBoxHeading{
background:#808080; /* background color behind sidebox heading (blue default) */
padding:0;
margin-top:3px;
width:100%;
}

1. Change the red 3 to 0

[haredo]

1. There are white boxes in the corners between my border and background image. How can I make that transparent or square off the corners if necessary.

Bi,
this is a tough one..

It is hard coded into a .php file

<div id="outermainWrapper" style="padding-top: 0pt; padding-bottom: 0pt;"><img class="twisty"><b class="niftycorners" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-left: -8px; margin-right: -8px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; margin-bottom: -2px;"> 

1. The 255, 255, 255 above is the fix:
2. use tools developer kit and search for:
3. niftycorners
4. see what .php are associated with this class

[haredo]

2. My image in the header is also overlapping the border in the top left corner.

Bi,
Locate this:
includes/templates/nifty_zen/css/stylesheet_new.css

This might help:

#logo {
margin-left:5px;
padding:0 0 0 0.4em;
}

1. Add the red font to the following element above

[bigpunks]

Thanks for the help. The padding the header image worked perfect but I still can not figure out the white at the edges. I searched for niftycorners and nothing was found and i changed the first code given. any other ideas? Either way thanks for helping with the image.

[haredo]

Thanks for the help. The padding the header image worked perfect but I still can not figure out the white at the edges. I searched for niftycorners and nothing was found and i changed the first code given. any other ideas? Either way thanks for helping with the image.

Bi,

It is hard coded into a .php file

PHP Code:

<div id="outermainWrapper" style="padding-top: 0pt; padding-bottom: 0pt;"><img class="twisty"><b class="niftycorners" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-left: -8px; margin-right: -8px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; margin-bottom: -2px;">

1. The 255, 255, 255 above is the fix:
2. use tools developer kit and search for:
3. niftycorners
4. see what .php are associated with this class

Use your admin pane/ tools/ developers tool kit
https://www.zen-cart.com/tutorials/index.php?article=39

1. search for: niftycorners
2. you will find the .php that this 255, 255, 255 is associated with and make the change and upload her (.php) file back to the server
3. remember the override system

[bigpunks]

I am sorry but I understand how to use the developers tooklit and it is showing no response for "niftycorners", niftycorners, nif, nifty, niftyc, nifty, corners I even searched for other things in the code and it is finding nothing I even tried ever search option on the toolkit. It seems like it should be there but I can not find it at all.

[haredo]

Big,
Pm sent to you on this forum at the top of this page