X-Cart forums

[blessedwith11]

I have been working on my site and have had some work done by other companies. Somewhere along the line, the side bar fonts grew in size on my site. Actually, my whole store grew in size. It used to fit right and now it seems to be on a bigger scale somehow. Used to be smaller, now all of them are much larger and I would like to make them smaller again. Is there something I did or someone else did that affected all of them at once and what do I do to get back to where they were?

Thanks,
Gary

x-cart 4.1.7 unix

[carpeperdiem]

Gary,

Have you edited th CSS file?

/skin1/skin1.css

You may want to look at the very first line...

Mine has been modified, but it probably has something like:

BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA,TT { color: #330000; font-size: 12px; line-height: 135%; }

among other css entries... this is just an example. BUT this is your default text. I made mine 12px. Some like it smaller. I'm too old for tiny type. Is this what you were looking for?

[carpeperdiem]

OK -- I see what's oing on on your site. Here's your CSS for your vertmenu section:

 /*
    Vertical menu
*/
.VertMenuLeftColumn { border-right: 1px solid #2C2C58; background: #000; color: #fff; vertical-align: top; }
.VertMenuLeftColumn a, .VertMenuRightColumn a { color: #7FFF00; }
.VertMenuRightColumn { border-left: 1px solid #2C2C58; background: #000; color: #fff; vertical-align: top; }
.VertMenuBox { background: #000; color: #fff; }
.VertMenuBoxCat { background: #000; color: #fff; }
.VertMenuBorder { background: #2B2B55; }
.VertMenuTitle { border-bottom: 2px solid #000; border-top: 1px solid #FF7D7D; padding: 2px 4px 2px 7px; color: #7FFF00; background: #9F0000 url('images/toptab_bg.gif'); font-weight: bold; vertical-align: middle; }
.VertMenuSubTitle { background: #AFAFAF; }
.VertMenuTitleIcon { margin-left: 8px; margin-right: 8px; width: 21px; height: 20px; vertical-align: middle; }
.VertMenuItems { color: #7FFF00; text-decoration: none; }
.VertMenuItems a { color: #7FFF00; text-decoration: none; }
.VertMenuItemsSmall a { color: #7FFF00; font-size: 10px; text-decoration: none; }
.VertMenuItems a:hover { color: #FF2626; text-decoration: underline; }
.VertMenuHr { color: #82000; }
.CategoriesList { font-size: 12px; }

SO -- let's figure this out... use WEBMASTER MODE to determine which tempate file is involved in your categories...

ahh... categories.tpl --- ok, look inside categories.tpl and you'll see the formatting:

{foreach from=$categories item=c}
<font class="CategoriesList"><a href="home.php?cat={$c.categoryid}" class="VertMenuItems">{$c.category}</a></font><br />
{/foreach}

Ok... this tells us the class, CategoriesList is probably the guilty party here... what if you made .CategoriesList { font-size: 10px; } -- now does it hurt less?

This is how you will edit your store -- one group of elements at a time.

Got it?

Welcome to css!

[premieroffroad]

How do you change to a different font?

[carpeperdiem]

Originally Posted by premieroffroad

How do you change to a different font?

Hello premieroffroad,

before you get too far, please do a few things:

1. read the forum rules:

http://forum.x-cart.com/showthread.php?t=4812

2. Bookmark (and read) the forum FAQ:

http://forum.x-cart.com/forumdisplay.php?f=30

3. Update your forum signature with your EXACT version of xcart.

http://forum.x-cart.com/profile.php?do=editsignature

OK, now, to answer your question -- have you ever edited html or CSS? Have you ever used Google and done a simple search?

http://www.angelfire.com/al4/rcollins/style/fonts.html

One of many sites explaining the limitations of fonts on the web.

You will edit your CSS file /skin1/skin1.css to change the fonts used on your site.

For example, you may have an entry that looks like this:

BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA,TT {
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    COLOR: #550000;
    FONT-SIZE: 10px;
}

So if you want the font-family to change, make it something else.

If you don't have html and/or css editing skills, you will need to acquire them before you get too deep -- or you will probably get frustrated quickly.

For these skills, google is your friend. There are countless pages on the net with tutorials and hand holding, for those ready to learn.

You also may want to check out http://www.lynda.com/ -- a huge library of video tutorials. If you can't get it from watching a lynda.com tutorial, you probably should hire someone to do it for you.

Good luck.

[premieroffroad]

Thanks, it was a simple question that needed a simple answer. Please do not talk down to me. This is a message board for people to ask question and get answers. I usually use dreamweaver and this is the first time using x cart.

[carpeperdiem]

Dear premieroffroad,

I wasn't talking down to you. As a mod, we need to keep some order... you haven't posted your exact version of xcart yet, so it appears you don't follow directions well.

Your question was quite basic -- and most people have some css skills before taking on a journey with xcart. I gave you some links.

Dreamweaver is not going to help you with xcart.

Please post your version in your sig.

You will find many helpful people here. I try to give back as much as I can, as I also ask many questions, and many helpful people have answered them. Many helpful people have also told me to buy a book and read it. Some have told me to hire a pro "you're in over your head". And they were right.

"How to a change a font" is css 101, and I tried to make some suggestions. Including a link to CSS tutorials.

Good luck. Please post your exact xcart version in your forum signature so others can help you.

[premieroffroad]

I never said I was using dreamweaver for x cart so I already know it wont help. I have other websites and I know all about keeping order on a forum. I run one myself. There are more tactful ways to help someone with out telling them there dumb indirectly. I am sorry I offended you with my question. I will just make sure I dont ask anymore.