CSS code for text shift

  • Author
    Posts
  • #1262771

    dancurtis
    Member

    I’m customizing my Book Lite header title. I want to shift the title to the right. I’m unfamiliar with CSS. Can someone give me the code?

    Many thanks.

    Dan

    The blog I need help with is danjcurtis.wordpress.com.

    #1262993

    Since your site is set to private, we volunteers cannot see it. If you could set it to public temporarily that would be great so that we can take a look. If you cannot, can you go to the demo site here and identify what exactly you want to shift to the right and about how far?

    http://booklitedemo.wordpress.com/

    #1263046

    dancurtis
    Member

    Thank you. I’ve reset it to public. I want to shift the blog title “anicca” to the right so that it occupies the clear space and is not overlapping the leaves. You’ll see what I mean when you see the header.

    Dan

    #1263047

    Dan, thanks. Start with this and see what you think.

    h1.site-title {
    left: 30px;
    text-align: right;
    }
    #1263055

    dancurtis
    Member

    Thanks.
    I pasted your suggestion into the css box on my blog and saved it but nothing changed. Should I have done something else? This is my first use of css so it’s entirely new territory.

    It’s 8pm on the West Coast and I’m calling it a night. I’ll be back tomorrow morning and maybe we can work through this.

    Many thanks.

    Dan

    #1263056

    I’m not seeing the custom CSS on your site via Firebug in Firefox. Is it still showing in the custom CSS entry area?

    #1263071

    dancurtis
    Member

    Good morning! It looks like I still have the custom CSS entry area.

    #1263088

    dancurtis
    Member

    Good morning! It looks like I still have the custom CSS entry area.

    #1263089

    Did you try entering the code again and saving it?

    #1263092

    dancurtis
    Member

    Yes. It appears to move the title slightly to the right. But after saving and opening a page no change has been registered.

    #1263093

    Dan, I’m still not seeing any evidence of custom CSS. Do you have the Custom Design Upgrade?

    #1263094

    dancurtis
    Member

    yes I do.

    #1263096

    Can you try using a different browser? Something is fishy here. Generally when code is not saved it is because it has a syntax error, but the code is correct.

    If you go to appearance > custom design, does it say “upgrade active” near the top right of the page?

    Let me know if the change in browsers works. We may have to get staff involved in this.

    #1263097

    dancurtis
    Member

    Changed browser same problem. Appearance> custom design does say “upgrade active”.

    #1263098

    Ok, then we’ll have to get staff involved in this so they can look into things. I’ll tag this thread for staff attention. Check back every once in a while and hopefully someone will be around shortly to look at things.

    #1263100

    dancurtis
    Member

    Many thanks for your help.

    Dan

    #1263102

    macmanx
    Staff

    I’m not sure why the change wasn’t saving for you, but it seems to work now that I’ve added it.

    Please let us know if that ever happens again!

    #1263103

    dancurtis
    Member

    Thank you! You are a Happiness Engineer!
    If I might ask one more favor. I need the title moved a little more to the right and up so that it’s centered in the open space.

    #1263104

    macmanx
    Staff

    I’m not sure how far to the right you wanted, so I went with this:

    h1.site-title {
    	left: 40px;
    	bottom: 90px;
    	text-align: right;
    }

    Just adjust “left” and “bottom” in your CSS editor as desired.

    #1263105

    dancurtis
    Member

    This is great! It’s nicely centered.

    I’ll now try to tweak it a bit more to the right. Does this mean adding more px to the “left”? ie. 45px rather than 40px?

The topic ‘CSS code for text shift’ is closed to new replies.