WordPress.org

Ready to get started?Download WordPress

Forums

Centering Custom Header - Origami Theme (7 posts)

  1. sjd4188
    Member
    Posted 1 year ago #

    Hello,
    I'm trying to center my custom header. Everything I try doesn't seem to work.
    Here is my blog: http://www.sjrobertsdesign.com

    Can anyone help?

    Thanks!
    sjd4188

  2. zex2911
    Member
    Posted 1 year ago #

    Add this to your style.css

    #logo img{margin-left:222px;}
  3. sjd4188
    Member
    Posted 1 year ago #

    zex2911,
    Perhaps, I'm not adding it correctly because I was unable to get it to work.
    Here is the code for #logo:

    /* =Logo
    -------------------------------------------------------------- */
    
    #logo {
    	position: center;
    
    	margin: 20px 0 25px 0;
    }
    
    #logo a.logo-link {
    	text-decoration: none;
    }
    
    #logo h1 {
    	color: #555;
    	display: inline-block;
    	font-family: "Terminal Dosis", Arial, Helvetica, Geneva, sans-serif;
    	font-size: 52px;
    	font-weight: 200;
    	margin-bottom: 0.2em;
    }
    
    #logo h3 {
    	color: #666;
    	display: inline-block;
    	font-size: 13px;
    }
    
    /* =Logo  : Search Form
    -------------------------------------------------------------- */

    any suggestions? thanks for your help! I'm new at this!

    sjd4188

  4. zex2911
    Member
    Posted 1 year ago #

    make it so it looks like this

    /* =Logo
    -------------------------------------------------------------- */
    #logo {
    	position: center;
    
    	margin: 20px 0 25px 0;
    }
    #logo img{margin-left:222px}
  5. sjd4188
    Member
    Posted 1 year ago #

    thank you so much!!! it worked!!!

  6. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    remove:

    position: center;

    it does not exist:
    http://www.w3schools.com/cssref/pr_class_position.asp

    instead of some arbitrary left margin, use for instance:

    #logo img{display:block;margin:auto;}

    http://www.w3.org/Style/Examples/007/center.en.html

    do not guess - work through the basics: http://www.w3schools.com/css/

    ps:
    to see the results, do not forget to clear the browser cache after any changes to the styles - 'reload' the web page (a few times) or press 'CTLR F5' or whatever your browser needs.

  7. sjd4188
    Member
    Posted 1 year ago #

    Thank you!

Topic Closed

This topic has been closed to new replies.

About this Topic