Alter Title alignment

Community Forums Forums General Discussion Alter Title alignment

This topic is: resolved

This topic contains 7 replies, has 3 voices, and was last updated by  Euchre4 1 year, 9 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #10028

    Euchre4
    Participant
    Post count: 23

    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

     

    #10032

    Susan
    Moderator
    Post count: 9251

    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:

    [css]
    #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;
    }
    [/css]

    Replace it with this:

    [css]
    #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;
    }
    [/css]

    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…)


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #10033

    Jen Baumann
    Keymaster
    Post count: 424

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


    If you need technical support for your theme please file a ticket.

    The forums are community based. Staff only monitors the forum for issues relating to the forum itself and to redirect users to where they need to go.

    #10052

    Euchre4
    Participant
    Post count: 23

    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

     

    #10058

    Jen Baumann
    Keymaster
    Post count: 424

    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.


    If you need technical support for your theme please file a ticket.

    The forums are community based. Staff only monitors the forum for issues relating to the forum itself and to redirect users to where they need to go.

    #10188

    Euchre4
    Participant
    Post count: 23

    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

    #10191

    Jen Baumann
    Keymaster
    Post count: 424

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

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

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


    If you need technical support for your theme please file a ticket.

    The forums are community based. Staff only monitors the forum for issues relating to the forum itself and to redirect users to where they need to go.

    #10259

    Euchre4
    Participant
    Post count: 23

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

     

    Mike

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Alter Title alignment’ is closed to new replies.