Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Sidebox Bottom Boarder is Green?

Sidebox Bottom Boarder is Green?

Locked

Views: 1,841

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
13 Sep 2006, 4:27 PM
#1
ericet avatar

ericet

New Zenner

Join Date:
Dec 2005
Posts:
32
Plugin Contributions:
1

Sidebox Bottom Boarder is Green?

Hi,

I've been looking for the answer for more then an hour with no luck, if this question was asked already please forgive me.

I'm trying to change the Green color on the bottom boarder of my sideboxes. I tried a "everything" in the stylesheet.css file with no luck.

Where is it????

Thanks

Eric

13 Sep 2006, 5:38 PM
#2
IDEASLady avatar

IDEASLady

Totally Zenned

Join Date:
Aug 2005
Location:
Trujillo Alto, Puerto Rico
Posts:
1,440
Plugin Contributions:
3

Re: Sidebox Bottom Boarder is Green?

Can you give us a link? If not, look in your CSS for:

.sideBoxContent

...there should be the image/color that is being used.

IDEASLady
IDEAS Creative Studio

Your image... our business!

14 Sep 2006, 7:29 AM
#3
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: Sidebox Bottom Boarder is Green?

You didn't try "everything" in the stylesheet. :smartass:

If you're talking "Green", pertaining to the new Classic template from v1.3.5, find this in your stylesheet;

.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	border: 1px solid #9a9a9a;
	border-bottom: 5px solid #336633;
	margin-top: 1.5em;
	}

Change the hex value, in green, to the color of your choosing.

As always, providing a URL saves confusion and provides for a quicker answer.

14 Sep 2006, 5:52 PM
#4
ericet avatar

ericet

New Zenner

Join Date:
Dec 2005
Posts:
32
Plugin Contributions:
1

Re: Sidebox Bottom Boarder is Green?

Yes, thanks! I was actually modifying the correct attribute but I had a stylesheet_backup.css in the same directory which overrided my color
settings... I did not know that other files in that directory could cause
such a problems. I'm don't know much about CSS.

Problem solved!

Thanks everyone for your help!

Eric

14 Sep 2006, 11:05 PM
#5
phid avatar

phid

Totally Zenned

Join Date:
Nov 2005
Location:
Narnia
Posts:
696
Plugin Contributions:
0

Re: Sidebox Bottom Boarder is Green?

So how would I replace that bottom sidebox border with an image? I can't seem to find the way to do it with the ZC 1.3.5 CSS changes.

15 Sep 2006, 12:53 AM
#6
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: Sidebox Bottom Boarder is Green?

ericet:

Yes, thanks! I was actually modifying the correct attribute but I had a stylesheet_backup.css in the same directory which overrided my color
settings... I did not know that other files in that directory could cause
such a problems. I'm don't know much about CSS.
Problem solved!
Thanks everyone for your help!
Eric
Yes, that would prevent changes. It's wise to have backups, but just put in a extra randomly named file extention to kill off the backup file from being actually parsed from browsers. You'll get the hang of it in no time. :yes:

@Phid
I've never tried it with v1.3.5, but it should be the same as the prior version.
Firstly, you'll have to make a DIV class for the sidebox footers into copies of tpl_box_default_left.php and the tpl_box_default_right.php that you put into a new 'common' folder in your current template folder.

Example with the left;

<!--// bof: <?php echo $box_id; ?> //-->
<div class="leftBoxContainer" id="<?php echo str_replace('_', '-', $box_id ); ?>" style="width: <?php echo $column_width; ?>">
<h3 class="leftBoxHeading" id="<?php echo str_replace('_', '-', $box_id) . 'Heading'; ?>"><?php echo $title; ?></h3>
<?php echo $content; ?>
<div class="leftBoxFooter" id="<?php echo str_replace('_', '-', $box_id) . 'Footer'; ?>"></div>
</div>
<!--// eof: <?php echo $box_id; ?> //-->

Then, for the left example, you can make this selector in your stylesheet;

.leftBoxFooter {
        background-image: url(../images/boxbottom.jpg);
        background-repeat: no-repeat;
        width: 160px;
        height: 7px;
        }

The only drawback is that it's "simple", meaning that your sideboxes will have to stay at a defined width, whereas with more work... you can have a the images fill as expansion occurs, more dynamically. Actually, you should download Kuroi's template and use his sidebox technique, as it's a more fluid design. :smile:

15 Sep 2006, 5:58 PM
#7
phid avatar

phid

Totally Zenned

Join Date:
Nov 2005
Location:
Narnia
Posts:
696
Plugin Contributions:
0

Re: Sidebox Bottom Boarder is Green?

Hey thanks Sketchy, works like a charm. :cheers:

I actually want my sideboxes to stay at a defined width, and my entire template for that matter. I've found it to be optimal for design on multiple screen resolutions that may be used to view my site.

16 Sep 2006, 12:33 AM
#8
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: Sidebox Bottom Boarder is Green?

You're welcome, I'm glad it worked for you. If it works fine in Firefox and crappy Explorer, you got it made in the shade. :D