Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Store name crammed together

Store name crammed together

Locked

Views: 795

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
25 Mar 2009, 1:56 PM
#1
mamasylvia avatar

mamasylvia

Zen Follower

Join Date:
Feb 2008
Posts:
379
Plugin Contributions:
0

Store name crammed together

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 ...

25 Mar 2009, 2:01 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Store name crammed together

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

#tagline {
	color:#000000;
	font-size: 3em;
	text-align : center;
	vertical-align: bottom;
	}
25 Mar 2009, 2:06 PM
#3
mamasylvia avatar

mamasylvia

Zen Follower

Join Date:
Feb 2008
Posts:
379
Plugin Contributions:
0

Re: Store name crammed together

Which file should I be looking in?

25 Mar 2009, 2:08 PM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Store name crammed together

mamasylvia:

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

Find this in your stylesheet
stylesheet.css is the full file name

25 Mar 2009, 3:32 PM
#5
mamasylvia avatar

mamasylvia

Zen Follower

Join Date:
Feb 2008
Posts:
379
Plugin Contributions:
0

Re: Store name crammed together

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" :laugh: 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.

25 Mar 2009, 5:05 PM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Store name crammed together

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

#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

25 Mar 2009, 7:40 PM
#7
mamasylvia avatar

mamasylvia

Zen Follower

Join Date:
Feb 2008
Posts:
379
Plugin Contributions:
0

Re: Store name crammed together

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

Of course not. Tell me how to fix one problem and I find 3 more. :blink: 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. :blush: