A little CSS help

Apr 17, 2012 at 7:17 PM

I am tying to get this text:

Keeping the traditions of community music & dance alive & growing in Tucson

to appear lower about in the middle of the logo image.

The url is www.tftm.keeponhiking.com

Thank you for your help.

Apr 17, 2012 at 7:26 PM
Edited Apr 17, 2012 at 7:30 PM

If you're sure the text will remain on one line, this might be the easiest way .

<p style="line-height:130px;">Your text</p>

or better, in the master give the paragraph an id, say #tagLine


<p id="tagLine">


#tagLine {



Afterthought, CSS only change

#Div1 p {



Apr 17, 2012 at 7:30 PM

Thanks Andy,


I should say that this text coming from the Title of the website in the admin settings, I tried to leave it blank and use the description filed but it would not let me save without a title.


It is controllable in the css file under header, I have changed the font size, etc.


What do you think the best way to handle this would be?

Apr 17, 2012 at 7:42 PM

I put this in the header p section of the CSS and it works great, thank you for your help again.


Apr 17, 2012 at 7:58 PM

The closest parent is a div with id of Div1, so you should be able to use that.

If you think that tag line might spill onto two lines

#Div1 {

If you want to hide the tag line

#Div1 p {

If the tag line is guaranteed to be short

#Div1 p {

You can always play around to see what works best.

I see there is an empty span following the "p" element, so it might depend on what goes in there... if anything.

Apr 17, 2012 at 8:05 PM

Thanks Andy, I'll play around with it.