Community Forums › Forums › Archived Forums › General Discussion › Alter Title alignment
- This topic has 7 replies, 3 voices, and was last updated 12 years, 1 month ago by
Euchre4.
-
AuthorPosts
-
January 6, 2013 at 9:26 pm #10028
Euchre4
MemberHello 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
January 6, 2013 at 9:48 pm #10032Susan
ModeratorMike:
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...)
January 6, 2013 at 9:51 pm #10033Jen Baumann
ParticipantHave you filled out your title under Settings > General? The site title should be filled out there.
January 6, 2013 at 10:34 pm #10052Euchre4
MemberJen- 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
January 6, 2013 at 10:51 pm #10058Jen Baumann
ParticipantYou 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.
January 7, 2013 at 3:32 pm #10188Euchre4
MemberJen- 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
January 7, 2013 at 3:45 pm #10191Jen Baumann
ParticipantIt 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.
January 7, 2013 at 8:36 pm #10259Euchre4
MemberOk - after going through Genesis/SEO Settings I found the checks and now have my title working. Thanks for the help.
Mike
-
AuthorPosts
- The topic ‘Alter Title alignment’ is closed to new replies.