Alter Title alignment

[Euchre4]

Hello all- I am trying to get my Text on the far left of my pages; however it does not want to cooperate.  I am using Executive and Widget/Header Right / Text Option.

Here is my code---

<span style="color: #ffffff; font-weight: bold; text-align:left;font-family: calibri, garamond, serif; font-size: 75px; ">T A N D E N</span>

Site URL http://ecbiz129.inmotionhosting.com/~tanden6/dir/

Is it bec. of the Header Right? And if so, I don't see a Header Left Option.

As a side note, if I have to keep my text there, then  I would like to get an image in that left alignment using   Appearance/Header/Selected Image/  but all my images cropping don't allow the file to be used.  (do they have to be close to 1140 x 100 ?).   It appears you can't have a small image with text, but I am unsure.

TIA (Thanks in Advance)

Mike

 

[Susan]

Mike:

I'm not sure where you have that code in your stylesheet, but I'm not seeing it. In any case, go ahead and remove it - you can achieve what you're looking for by making changes in your stylesheet.

Here's what is currently in your stylesheet:

#title {
	/*font-family: 'Open Sans', sans-serif;*/
        font-family: calibri, garamond, "times new roman", serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.25;
	margin: 0 0 5px;
}

#title a,
#title a:hover {
	color: #145679; 
	display: block;
	padding: 27px 0 0;
	text-decoration: none;
}

Replace it with this:

#title {
	font-family: calibri, garamond, serif; 
	font-size: 75px;
	font-weight: bold;
	line-height: 1.25;
	margin: 0 0 5px;
}

#title a,
#title a:hover {
	color: #ffffff;
	display: block;
	padding: 27px 0 0;
	text-decoration: none;
}

I noticed, also that your title isn't clickable (I'm not sure if that's deliberate, or maybe because you're using a testing site...)

[Jen Baumann]

Have you filled out your title under Settings > General? The site title should be filled out there.

[Euchre4]

Jen-  I am unsure where you mean Settings/General.   I did have the Title listed under Exec/Child/Site-Title-Tagline but I couldn't get it to do what I wanted.  It is blank now.

Susan- Your changes were just font size and color. It didn't appear to change the

#ffffff  T A N D E N  title I am trying to move.

My code was in the Text Option widget dragged to Header Right.

After I mod'd the code, I saw

below and changed it to..

#header .widget-area {
float: left;
width: 125%;

Susan- You got me onto something bec. then I grabbed firebug for Firefox and found the extra blue space and changed

height (it was 100px)

.header-image #title a {
display: block;
float: left;
height: 10px;

I now have the Title where I want. Of course the image is another thing.  All in good time.

... And to think two weeks ago I didn't even understand what Firebug was..

Thanks for the quick response. You helped me find it and check another item on my todo list.

If I can't figure out the image issue, I'll post, but trying to search/learn/do  before I seek out your excellent help.

Mike

 

consider this resolved...

 

Any suggestions?

 

Thanks

Mike

 

[Jen Baumann]

You really should try to do this with the built in title settings and CSS. You lose SEO and the clickable home link by not using it. I'm not sure what you were trying to do that didn't work, but CSS is pretty robust as far as what you can do with it.

[Euchre4]

Jen- Using the Menu Title option from the child theme is not working.  The only way I got my Font title to work was from Header Right/Text.

Where would I put this type of code to call to the CSS ?

 

<span style="color: #ffffff; font-weight: bold; text-align:left;font-family: calibri, garamond, serif; font-size: 75px;">T A N D E N</span>

Thanks

[Jen Baumann]

It looks like you have tried the custom header option at one point. I see this in your source code:

#header {
  background: url("") no-repeat scroll 0 0 transparent;
}

Your title (Header Text) is probably turned off under Appearance > Custom Header. Check your settings there and click restore original header as well.

[Euchre4]

Ok - after going through Genesis/SEO Settings I found the checks and now have my title working.  Thanks for the help.

 

Mike

[Author]

Posts