Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / White Boxes and Image Overlap

White Boxes and Image Overlap

Locked

Views: 1,216

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
13 Apr 2009, 10:38 PM
#1
bigpunks avatar

bigpunks

New Zenner

Join Date:
Mar 2009
Location:
TX
Posts:
8
Plugin Contributions:
0

White Boxes and Image Overlap

First of all here is my site: https://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
https://www.bigpunks.com

14 Apr 2009, 5:34 AM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,178
Plugin Contributions:
0

Re: White Boxes and Image Overlap

bigpunks:

  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
14 Apr 2009, 5:44 AM
#3
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,178
Plugin Contributions:
0

Re: White Boxes and Image Overlap

bigpunks:

  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
14 Apr 2009, 6:14 AM
#4
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,178
Plugin Contributions:
0

Re: White Boxes and Image Overlap

bigpunks:

  1. 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
14 Apr 2009, 7:08 AM
#5
bigpunks avatar

bigpunks

New Zenner

Join Date:
Mar 2009
Location:
TX
Posts:
8
Plugin Contributions:
0

Re: White Boxes and Image Overlap

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? :frusty: Either way thanks for helping with the image.

14 Apr 2009, 2:02 PM
#6
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,178
Plugin Contributions:
0

Re: White Boxes and Image Overlap

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? :frusty: 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:
  1. use tools developer kit and search for:
  1. niftycorners
  1. 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
14 Apr 2009, 5:09 PM
#7
bigpunks avatar

bigpunks

New Zenner

Join Date:
Mar 2009
Location:
TX
Posts:
8
Plugin Contributions:
0

Re: White Boxes and Image Overlap

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

14 Apr 2009, 5:12 PM
#8
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,178
Plugin Contributions:
0

Re: White Boxes and Image Overlap

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

15 Apr 2009, 5:19 AM
#9
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,178
Plugin Contributions:
0

Re: White Boxes and Image Overlap

Big,
I am stumped on this little baby, I have never used niftycorners before..

I believe it is a transparency issue, but can't seem to place here in the right file... Sorry

Wait for a fellow Zenner to read the thread..
Did you read the thread on Nifty Corners or email the developer and ask him the problem????

Nice site...