Store name crammed together

**mamasylvia** · 25 Mar 2009, 02:56 PM

I don't know if this is a stylesheet issue, override, or something else - sorry to make work for the mods if it needs to be moved.

Since I installed the Mystic River color scheme, my store name has been terribly cramped together, so that the bottom line partially overwrites the top line (see my store link below). What do I need to fix where?

I'm not a programmer so I'd sure appreciate being told exactly what in which file in which directory needs fixing. (Think of it as ZenCart Help for Dummies ...) The template info is in the includes/languages/mystic directory on my website.

Hoping for help ...

**kobra** · 25 Mar 2009, 03:01 PM

Find this in your stylesheet and change the font size to 3em - it is currently 4em

Code:

#tagline {
	color:#000000;
	font-size: 3em;
	text-align : center;
	vertical-align: bottom;
	}

**mamasylvia** · 25 Mar 2009, 03:06 PM

Which file should I be looking in?

**kobra** · 25 Mar 2009, 03:08 PM

Originally Posted by mamasylvia

I don't know if this is a stylesheet issue,

Originally Posted by KoBra

Find this in your stylesheet

stylesheet.css is the full file name

**mamasylvia** · 25 Mar 2009, 04:32 PM

I found a stylesheet.css in a mystic subdirectory and got a kick out of the comment on one line: "do not remove fixes stupid ie bug"

I changed the tagline entry to 3em and presto! My store name is readable. Thanks so much!

One problem, though; it's still jammed up at the top of the page even though the css file says in the same tagline area "vertical-align: bottom" - is this fixable? I'm not overly concerned with site appearance but this just looks silly.

And while I'm messing with the stylesheet <g> how difficult is it to change the typeface of the store name? And how can I tell what typefaces are available? I'm thinking something curvy, like Lucida Calligraphy, Kuntsler Script, Palace Script MT, Brush Script MT, Harlow Solid Italic, or Forte.

**kobra** · 25 Mar 2009, 06:05 PM

it's still jammed up at the top of the page

You didn't know to ask that at first...
Add the padding statment in red

Code:

#tagline {        
        padding: 0.7em 0em 0em 0em;
	color:#000000;
	font-size: 3em;
	text-align : center;
	vertical-align: bottom;
	}

how difficult is it to change the typeface of the store name? And how can I tell what typefaces are available? I'm thinking something curvy, like Lucida Calligraphy, Kuntsler Script, Palace Script MT, Brush Script MT, Harlow Solid Italic, or Forte.

A quirk of the web - Fonts are from what a user has available and you can not control what fonts a user has loaded...
If you feel this is paramount for representing your image then the way to insure that all see what you want is to make this an image

**mamasylvia** · 25 Mar 2009, 08:40 PM

> You didn't know to ask that at first...

Of course not. Tell me how to fix one problem and I find 3 more.

But it sure looks light-years better now! Not crammed together and more centered on the colored background. Thanks so much!

> If you feel this is paramount for representing your image then the way to insure that all see what you want is to make this an image

Well, it's not critical, but I might work on making the image and eventually come back to ask how to add it -- no point in asking now, I'll just forget by the time I have the image ready.