Forums / Templates, Stylesheets, Page Layout / making text and images bigger

making text and images bigger

Locked

Views: 2,720

Results 1 to 13 of 13
This thread is locked. New replies are disabled.
7 Aug 2008, 4:41 PM
#1
dvdd127 avatar

dvdd127

New Zenner

Join Date:
Sep 2007
Posts:
74
Plugin Contributions:
0

making text and images bigger

is there a way to make text and images that show up on the products and categories pages bigger?

thanks in advance for your help

7 Aug 2008, 4:45 PM
#2
ckosloff avatar

ckosloff

Totally Zenned

Join Date:
Feb 2007
Location:
South Florida, USA
Posts:
1,375
Plugin Contributions:
0

Re: making text and images bigger

Text is manipulated via CSS.
Images is a whole different story, you need to read the ZC tutorials on images, the Zen Cart Manual, and play around with contributions like Image Handler and/or Fual Slimbox, etc.

[argentiniansupermarket.com

](http://argentiniansupermarket.com)

7 Aug 2008, 5:05 PM
#3
dvdd127 avatar

dvdd127

New Zenner

Join Date:
Sep 2007
Posts:
74
Plugin Contributions:
0

Re: making text and images bigger

ckosloff:

Text is manipulated via CSS.
Images is a whole different story, you need to read the ZC tutorials on images, the Zen Cart Manual, and play around with contributions like Image Handler and/or Fual Slimbox, etc.

Which CSS file do I need to edit to make the text bigger.

TIA

7 Aug 2008, 6:50 PM
#4
ckosloff avatar

ckosloff

Totally Zenned

Join Date:
Feb 2007
Location:
South Florida, USA
Posts:
1,375
Plugin Contributions:
0

Re: making text and images bigger

If you ask this question it means that you have no idea how Zen Cart works.
Please don't take offense, it is just that you should start by reading the manual and setting up an override system, that is the basics.
If you do that, your question will be answered on its own.

[argentiniansupermarket.com

](http://argentiniansupermarket.com)

7 Aug 2008, 6:57 PM
#5
dvdd127 avatar

dvdd127

New Zenner

Join Date:
Sep 2007
Posts:
74
Plugin Contributions:
0

Re: making text and images bigger

ckosloff:

If you ask this question it means that you have no idea how Zen Cart works.
Please don't take offense, it is just that you should start by reading the manual and setting up an override system, that is the basics.
If you do that, your question will be answered on its own.
dude, thanks fore being of no help!! I have read the manual... and did not see any mention of what CSS files would need to be edited. Is it not possible that I simply missed it??

I dont appreciate your rudeness.. if you are not willing to tell me the name and location of the css file I need to edit then I will just wait for someone who is willing to tell me what I need to know.

Thank you.

7 Aug 2008, 7:07 PM
#6
ckosloff avatar

ckosloff

Totally Zenned

Join Date:
Feb 2007
Location:
South Florida, USA
Posts:
1,375
Plugin Contributions:
0

Re: making text and images bigger

Dude,

I meant no offense, just chill down.
If you edit the main stylesheet you might lose your changes in the next upgrade, so edit the copy in your override folder.
Isn't that obvious if you read the manual?

[argentiniansupermarket.com

](http://argentiniansupermarket.com)

7 Aug 2008, 7:10 PM
#7
dvdd127 avatar

dvdd127

New Zenner

Join Date:
Sep 2007
Posts:
74
Plugin Contributions:
0

Re: making text and images bigger

ckosloff:

Dude,

I meant no offense, just chill down.
If you edit the main stylesheet you might lose your changes in the next upgrade, so edit the copy in your override folder.
Isn't that obvious if you read the manual?
Like I asked, is it not possible that I could have possibly missed it??

I am confused!!!! I dont see any override folder.. can you try to explain this to me?

7 Aug 2008, 11:51 PM
#8
ckosloff avatar

ckosloff

Totally Zenned

Join Date:
Feb 2007
Location:
South Florida, USA
Posts:
1,375
Plugin Contributions:
0

Re: making text and images bigger

If you don't see an override folder, it means you didn't create it.
Therefore, as I suggested above, create an override system first.
There are plenty of tutorials in the tutorial area on how to do this, and it is also in the manual.
Next, you copy includes --> templates --> template_default --> css --> stylesheet.css to
includes --> templates --> CUSTOM --> css -->
and edit.

[argentiniansupermarket.com

](http://argentiniansupermarket.com)

8 Aug 2008, 1:08 PM
#9
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: making text and images bigger

To ckosloff: Your advice was accurate but incomplete for a newby. You probably sent him or her off looking for a folder called "override". :ohmy:

To dvdd127: By now you've probably seen the tutorial or FAQ or manual pages relating to override folders. Whether or not you wish to implement that is entirely up to you. It makes life much easier in the future.

In either case you need to, as suggested by ckosloff, edit the stylesheet.css file found in the css folder of your template. There are many settings there which affect the size of text on your site, but I'm guessing you want all text everywhere to be a little larger. If my guess is correct, read on...

Very near the top of the stylesheet you'll see something like this:

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

That's from the v1.3.8a stylesheet. You can increase the font-size setting, and it will increase all the text everywhere, unless a later declaration takes precedence for some elements. For a lot of reasons I don't want to get into here, I recommend changing 65% to about 80%. But choose whatever setting you like. Just be sure to look at the result in multiple browsers and several machines with different size screens and different pixel settings on those screens, so you can see what your site visitors will see.

HTH

Rob

Breakfast: the most important donut of the day.

8 Aug 2008, 1:26 PM
#10
xt0rt avatar

xt0rt

Zen Follower

Join Date:
Sep 2005
Location:
The Internets
Posts:
179
Plugin Contributions:
0

Re: making text and images bigger

My advice would be to first download the Web Developer toolbar for Firefox. This add-on will allow you to select different elements in your pages, allowing you to easily identify where the various css elements are located.

If you are properly using the override system, your main CSS file should be
/includes/templates/YOUR_TEMPLATE/css/stylesheet.css

Hope this helps!

Make regular site and database backups!

9 Aug 2008, 10:29 AM
#11
jenn8five avatar

jenn8five

New Zenner

Join Date:
Aug 2008
Posts:
54
Plugin Contributions:
0

Re: making text and images bigger

i created a new "about us" page through this tutorial -- http://www.zen-cart.com/index.php?ma...roducts_id=182. the about us link works fine however my content does not appear. when i highlight the general area of text, it still doesn't appear. but i'm still hoping that changing the font color will fix it since my overall background is almost black. how do i do change the font color?

9 Aug 2008, 6:48 PM
#12
ckosloff avatar

ckosloff

Totally Zenned

Join Date:
Feb 2007
Location:
South Florida, USA
Posts:
1,375
Plugin Contributions:
0

Re: making text and images bigger

If your page shows in the define pages editor you could do an inline style.
Example:

<p style="color:red">text</p> you can use other tags like <span></span>

[argentiniansupermarket.com

](http://argentiniansupermarket.com)

11 Aug 2008, 1:46 PM
#13
xt0rt avatar

xt0rt

Zen Follower

Join Date:
Sep 2005
Location:
The Internets
Posts:
179
Plugin Contributions:
0

Re: making text and images bigger

jenn8five,

is this going to be a global style or a style defined only for this page? like ckosloff said, an inline style will work via the define pages editor for this specific page. if you're planning on making global changes, the file you want to edit is
/includes/templates/YOUR_TEMPLATE/css/stylesheet.css

Make regular site and database backups!