Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / adding more text to "tagline"

adding more text to "tagline"

Views: 851

Results 1 to 7 of 7
18 Feb 2011, 5:04 AM
#1
510ego avatar

510ego

New Zenner

Join Date:
Feb 2011
Posts:
100
Plugin Contributions:
0

adding more text to "tagline"

i have changed my sales message successfully. i would like to use some of the space below the tagline to add more "taglines" ie "the price you see is the price you pay" in a slightly smaller font and different color. most of all of the posts that i have read ask about just changing the tagline.

would i have to place another "logo" there and customize it to say what i want and how i want??

maybe an additional line in my css?

please help when you can...thanks

18 Feb 2011, 8:13 AM
#2
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: adding more text to "tagline"

Open includes/languages/english/CUSTOM/header.php

CUSTOM being whatever the name of your custom template is.

Find this line:

define('HEADER_SALES_TEXT', '<h1>Sales Message Goes Here</h1>');

Add your 2nd line:

define('HEADER_SALES_TEXT', '<h1>Sales Message Goes Here</h1><span>Second line of Tagline!</span>');

Then open your includes/templates/CUSTOM/stylesheet.css and add something like this right below the original #tagline code:

#tagline span {
   color: #ff0000; 
   text-align: center;
}

Hope this helps.

19 Feb 2011, 5:47 AM
#3
510ego avatar

510ego

New Zenner

Join Date:
Feb 2011
Posts:
100
Plugin Contributions:
0

Re: adding more text to "tagline"

thanks..i will give it a go and see how it comes out.

do you have a code line to include for a little smaller font?

19 Feb 2011, 9:51 AM
#4
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: adding more text to "tagline"

Sure. You can just add your desired font size to the css code above like:

font-size: 1.0em;

making that whole block look like:

#tagline span {
   color: #ff0000; 
   text-align: center;
   font-size: 1.0em;
}
19 Feb 2011, 3:24 PM
#5
510ego avatar

510ego

New Zenner

Join Date:
Feb 2011
Posts:
100
Plugin Contributions:
0

Re: adding more text to "tagline"

actually it cam out great with what i did already. thanks for the help it was perfect. it's smaller and in red. exactly what i wanted!!

now if i could just change the actual tagline color. it's in grey. i searched the css and header.php but i don't find that color. it maybe some html shade that i am not looking for. that's how i changed all of my other colors.

again thanks for the help:D

19 Feb 2011, 3:50 PM
#6
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: adding more text to "tagline"

Look for #tagline in your stylesheet

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

19 Feb 2011, 8:49 PM
#7
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: adding more text to "tagline"

510ego:

actually it cam out great with what i did already. thanks for the help it was perfect. it's smaller and in red. exactly what i wanted!!

now if i could just change the actual tagline color. it's in grey. i searched the css and header.php but i don't find that color. it maybe some html shade that i am not looking for. that's how i changed all of my other colors.

again thanks for the help:D

Not a problem. Glad to be of some help. And just follow keneso's advice on the original tagline color.

And in the future, if you need to change a color on a font, but don't see any color in the code for it............just add your color to it, as font colors are inherited, if not defined elsewhere, such as the tagline.