Forums / Templates, Stylesheets, Page Layout / Customizing classic green bits

Customizing classic green bits

Locked

Views: 5,675

Results 1 to 20 of 26
This thread is locked. New replies are disabled.
22 Sep 2006, 4:41 PM
#1
wolf99 avatar

wolf99

Zen Follower

Join Date:
Sep 2006
Location:
West of Ireland
Posts:
169
Plugin Contributions:
0

Customizing classic green bits

Basically, I need to change all the green parts of the template to red. have combed forums for this info but so far have only managed to change the wrapper to red, this means that the area you see that is blue/grey in header areas, before the green images load., so I'm still ending up with green over my red wrapper.

see thumbnail. Ta

Attachment #653

22 Sep 2006, 4:53 PM
#2
wolf99 avatar

wolf99

Zen Follower

Join Date:
Sep 2006
Location:
West of Ireland
Posts:
169
Plugin Contributions:
0

Re: Customizing classic green bits

okay, used tile_back gif to change the head bar for boxes but box footer bar is still green, what can I do to change this? also how do I change all the background to black and all text(axcept box headings) to white?

sorry am total newbie to CSS

22 Sep 2006, 5:15 PM
#3
tshooters avatar

tshooters

Totally Zenned

Join Date:
Dec 2005
Posts:
1,037
Plugin Contributions:
2

Re: Customizing classic green bits

Change the color here for your box footer:

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

25 Sep 2006, 12:20 PM
#4
wolf99 avatar

wolf99

Zen Follower

Join Date:
Sep 2006
Location:
West of Ireland
Posts:
169
Plugin Contributions:
0

Re: Customizing classic green bits

Cheers tshooters, that worked a treat!

do you know how I can change the main background colours
(there seems to be 2, 1 for the page and 1 for the main table)

Also how can I get rid of all those links under the header image and make my header image use that space as well as its current space?

realise I may be reitterating questions that have been answered before, if you know where, could ye point me in the right direction? ta folks

25 Sep 2006, 3:30 PM
#5
tshooters avatar

tshooters

Totally Zenned

Join Date:
Dec 2005
Posts:
1,037
Plugin Contributions:
2

Re: Customizing classic green bits

You'd change those colors in your stylesheet here:

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #e5edf5;
}

If you're talking about the Cat Nav Tab bar, that can be turned off
in Admin/Configuration/Layout Settings/Categories-Tabs MENU ON/OFF

Got a url for your page?

25 Sep 2006, 4:00 PM
#6
wolf99 avatar

wolf99

Zen Follower

Join Date:
Sep 2006
Location:
West of Ireland
Posts:
169
Plugin Contributions:
0

Re: Customizing classic green bits

tshooters :smartass: , you get more brill by the min!

I'm thinking maybe of putting an image in for each of these bg's instead, is this possible? can I tile the images fo r main page bg and main wrapper seperatly?

25 Sep 2006, 5:23 PM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Customizing classic green bits

Each wrapper or other div can have its own background image, positioned and tiled in any number of ways. They will be placed one over another as they load, so the last one will be on top of the stack. Judicious use of partial background images allows all sorts of effects.

27 Sep 2006, 8:23 AM
#8
wolf99 avatar

wolf99

Zen Follower

Join Date:
Sep 2006
Location:
West of Ireland
Posts:
169
Plugin Contributions:
0

Re: Customizing classic green bits

cool, do oyou know what CSS code I need to do this?

27 Sep 2006, 9:17 PM
#9
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Customizing classic green bits

#someId
{
  background-image: url(../images/yourimage.gif); //use relative file path
  background-position: top left; //(top/center/bottom left/center/right) or (x-% y-%) or (x-pos y-pos)
  background-repeat: repeat-x; //or repeat or repeat-y or no-repeat
  background-attachment: scroll; //or fixed
}

Look at w3schools.com for comprehensive tutorials on this and other subjects, and interactive demos to get a feel for using the declarations.

29 Sep 2006, 4:29 PM
#10
wolf99 avatar

wolf99

Zen Follower

Join Date:
Sep 2006
Location:
West of Ireland
Posts:
169
Plugin Contributions:
0

Re: Customizing classic green bits

Cheers Glenn.

One more for ye, I have been folowing the "Top 10 Question" steps in the Wiki but the changes I make to includes/languages/english/ have not been showing.

I have been able to remove the zencart logo but the sales message and congratulations! messages will not budge even though I have commented and deleted what needs to be deleted in header and index files.

Any ideas? Ta

Agian I may I know I may be asking a llot of dumb questions but I am becoming increasingly lost in the complexity of the system. All I wanted was a shop!!

4 Oct 2006, 7:49 PM
#11
wolf99 avatar

wolf99

Zen Follower

Join Date:
Sep 2006
Location:
West of Ireland
Posts:
169
Plugin Contributions:
0

Re: Customizing classic green bits

HELP!

Have been making changes to includes/languages/ENGLISH/index.php as specified in the Wiki top 10 questions to change "Congratulations! You have successfully installed your Zen Cart™ E-Commerce Solution.
Welcome to Erotic.ie Guest! Would you like to log yourself in?" texts

(well actually includes/languages/english/index.php, does the capataliseation mean I should make folder of my own?)

but nothing is happening....Kinda need to fix this cos have a load of changes to make in these files natch, so anything is appreciated!!

4 Oct 2006, 8:18 PM
#12
wolf99 avatar

wolf99

Zen Follower

Join Date:
Sep 2006
Location:
West of Ireland
Posts:
169
Plugin Contributions:
0

Re: Customizing classic green bits

Is strange cos changes to
includes/languages/english.php show up....

5 Oct 2006, 7:05 PM
#13
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Customizing classic green bits

Includes/languages/english/index.php is overridable, so if you have a file named includes/languages/english/your_template/index.php, that will be used instead and includes/languages/english/index.php will be ignored.

All of your customization should be in override files (like includes/languages/english/your_template/index.php). Don't change the core files, copy them to your template and make changes there.

6 Oct 2006, 2:43 PM
#14
wolf99 avatar

wolf99

Zen Follower

Join Date:
Sep 2006
Location:
West of Ireland
Posts:
169
Plugin Contributions:
0

Re: Customizing classic green bits

OK tried that, no sign of it working though.

Note: I am using the default classic template in its original files, instead of making a new template, and just customizing that, do I need to configure in admin to use /languages/your_template/ ???

(I.E. how does cart "know" to use files from custom folder?)

7 Oct 2006, 9:34 AM
#15
wolf99 avatar

wolf99

Zen Follower

Join Date:
Sep 2006
Location:
West of Ireland
Posts:
169
Plugin Contributions:
0

Re: Customizing classic green bits

Okay fixed sales mesasage with /includes/languages/english/classic/header.php

Still witht the welcome mesage though.....

7 Oct 2006, 9:45 AM
#16
wolf99 avatar

wolf99

Zen Follower

Join Date:
Sep 2006
Location:
West of Ireland
Posts:
169
Plugin Contributions:
0

Re: Customizing classic green bits

Got it. Ta folks

10 Oct 2006, 6:15 AM
#17
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Customizing classic green bits

Glad to see you got your issues resolved, but I have to make one comment:
You need to use a custom (or "your_template" as we say) directory structure or else all your customizations will be wiped out the first time you upgrade to a new version of Zen Cart. See the FAQs and wiki articles on templates for discussion of why and how.

Since you have done all your customization in the "Classic" template, the easiest way would be to rename all /classic/ folders to a name you pick, and then edit template_info.php to reflect the new name. (You will then probably need to activate your template and reset the sideboxes in Admin.) In the next upgrade, new copies of the most recent /classic/ folders & their files will be inserted and you will be good as new.

10 Oct 2006, 12:04 PM
#18
wolf99 avatar

wolf99

Zen Follower

Join Date:
Sep 2006
Location:
West of Ireland
Posts:
169
Plugin Contributions:
0

Re: Customizing classic green bits

I'd just like to say a big thank you to all o ye folks that helped me with my questions, silly as some of them are. Being new to zen-cart and fairly new to CSS, and having a harsh deadline has meant a very steep learning curve was necessary, and ye all helped me up it admirably.

Thanks :D

26 Nov 2006, 3:53 PM
#19
damiana avatar

damiana

New Zenner

Join Date:
Nov 2006
Posts:
12
Plugin Contributions:
0

Re: Customizing classic green bits

Hello
I have a similar problem. I want to change the footer top, side box headings,header navigation and the side box footer from the green to another colour.
I've managed to change the colours of everything else but not these as I can't find the parts you need to change on the ccs sheet. I followed your suggestion to change the side box footer but it didn't work. Thanks

28 Nov 2006, 11:40 AM
#20
techwizard avatar

techwizard

New Zenner

Join Date:
Nov 2006
Posts:
19
Plugin Contributions:
0

Re: Customizing classic green bits

Two questions. 1 - I made the second directory in order to put a customized template in and also have a ftp that I've been using via FireFox that I've been rather happy with. However I came across an issue today with it that is really starting to make me wonder. The FF extension doesn't allow the copy files, only moves them. I'm looking for something better in that aspect. My option there was to do it through cpanel and that was something that I really didn't want to. Which brings me to my question, what's a good FTP freeware for doing something of the nature?

Question 2 - This is a major one when doing the pricing of the products. When I've clicked on the photo and seen the description, at the title there is the word, "English" in front. I have been unable to find where it's coming from and where to turn it off. The products that are being sold are unique designed by my client and it is a large issue. Could someone help me and explain how to fix?

Thanks so much for anyone who can assist.

Regards,

TW