WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Enlarge header (13 posts)

  1. clonesnclowns
    Member
    Posted 1 year ago #

    Hi

    My website is clonesnclowns.com and I am trying to enlarge the header so that my whole logo is visible.

    I would also like to remove the tiny dots around the navigation menu.

    Any tips ?

    Thanks a lot !

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    would also like to remove the tiny dots around the navigation menu.

    style.css line 523, change,
    from

    #page_list {
     background: url(images/background.png);
     height: 25px;
     padding: 3px 0 0 10px;
     list-style: none;
     margin: 0 auto;
    }

    to

    #page_list {
     height: 25px;
     padding: 3px 0 0 10px;
     list-style: none;
     margin: 0 auto;
    }
  3. Andrew
    Forum Moderator
    Posted 1 year ago #

    enlarge the header so that my whole logo is visible

    Use the same stylesheet you're calling the header background image:
    line 47 change height to 180px (height of background image) and remove padding top and bottom.
    from

    #header {
    height: 85px;
    padding: 35px 0 40px 20px;
    width: 986px;
    margin: 0 auto;
    }

    to

    #header {
    height: 180px;
    padding: 0px 0 0px 20px;
    width: 986px;
    margin: 0 auto;
    }
  4. clonesnclowns
    Member
    Posted 1 year ago #

    Hi
    Thanks so much for helping - the dots were removed !
    However the second bit doesn't look like anything I have on my style sheet - I don't seem to have a height section..
    Here is what my header section on my style sheet looks like :

    [ Moderator note: please wrap code snippets in the backtick character or use the code button. ]

    /*	Headers */
    h1 {
    	margin: 0;
    	}
    .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    	margin:0 0 10px 0;
    	}
    #title_box{
    	padding: 10px 25px 5px;
    	margin-left:7px;
    	position:relative;
    	float:left;
    	}
    .corner_bl, .corner_br, .corner_tr, .corner_tl{
    	position:absolute;
    	}
    .corner_bl{
    	background:url(images/kreis.png) 0px 10px;
    	left:0;
    	bottom:0;
    	width:10px;
    	height:10px;
    	}
    .corner_br{
    	background:url(images/kreis.png) 10px 10px;
    	right:0;
    	bottom:0;
    	width:10px;
    	height:10px;
    	}
    .corner_tr{
    	background:url(images/kreis_voll.png) 0px 0px;
    	right:-7px;
    	width:7px;
    	height:7px;
    	top:0px;}
    .corner_tl{
    	background:url(images/kreis_voll.png) 7px 0px;
    	left:-7px;
    	width:7px;
    	height:7px;
    	top:0px;
    	}
    h2 {
    	margin-top: 10px;
    	}
    #sidebar h2 {
    	margin-top: 5px;
    	padding: 0;
    	}
    h3#comments {
    	margin: 40px auto 10px ;
    	}
    h3#trackback {
    	margin: 40px auto 10px ;
    	}
    #footer h2 {
    	background:url(images/floral_kl.png) center bottom no-repeat;
    	padding-bottom: 15px;
    	position:relative;
    	z-index:1;
    	}
    /* Headers */

    P/S As you will have guessed I'm very new to coding so please bare with me - thanks for being so helpful !

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    How have you added the header image?

  6. clonesnclowns
    Member
    Posted 1 year ago #

    Simply by uploading it in the theme options

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    Okay could you add this code

    #header {
    height: 180px;
    padding: 0px 0 0px 20px;
    width: 986px;
    margin: 0 auto;
    }

    To the bottom of your styles in the header.php file?

  8. clonesnclowns
    Member
    Posted 1 year ago #

    Doesn't seem to make any difference :(

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    This is the file which holds the header styling
    http://www.clonesnclowns.com/?css=css

    I still can't find out which file it is, what it is named.
    So all I can recommend is this (re-post of above)

    could you add this code

    #header {
    height: 180px;
    padding: 0px 0 0px 20px;
    width: 986px;
    margin: 0 auto;
    }

    To the bottom of your styles in the header.php file?

  10. clonesnclowns
    Member
    Posted 1 year ago #

    And you would just place this at the very end of that page, would you ?
    Thanks for your help, I'll give it a go and class this as resolved if it works. If not, please can anyone else help ?

    Thanks again

  11. Andrew
    Forum Moderator
    Posted 1 year ago #

    And you would just place this at the very end of that page, would you ?

    I would put it at the end of the styles - e.g

    /*	Headers */
    h1 {
    	margin: 0;
    	}
    .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    	margin:0 0 10px 0;
    	}
    #title_box{
    	padding: 10px 25px 5px;
    	margin-left:7px;
    	position:relative;
    	float:left;
    	}
    .corner_bl, .corner_br, .corner_tr, .corner_tl{
    	position:absolute;
    	}
    .corner_bl{
    	background:url(images/kreis.png) 0px 10px;
    	left:0;
    	bottom:0;
    	width:10px;
    	height:10px;
    	}
    .corner_br{
    	background:url(images/kreis.png) 10px 10px;
    	right:0;
    	bottom:0;
    	width:10px;
    	height:10px;
    	}
    .corner_tr{
    	background:url(images/kreis_voll.png) 0px 0px;
    	right:-7px;
    	width:7px;
    	height:7px;
    	top:0px;}
    .corner_tl{
    	background:url(images/kreis_voll.png) 7px 0px;
    	left:-7px;
    	width:7px;
    	height:7px;
    	top:0px;
    	}
    h2 {
    	margin-top: 10px;
    	}
    #sidebar h2 {
    	margin-top: 5px;
    	padding: 0;
    	}
    h3#comments {
    	margin: 40px auto 10px ;
    	}
    h3#trackback {
    	margin: 40px auto 10px ;
    	}
    #footer h2 {
    	background:url(images/floral_kl.png) center bottom no-repeat;
    	padding-bottom: 15px;
    	position:relative;
    	z-index:1;
    	}
    
    #header {
            height: 180px;
            padding: 0px 0 0px 20px;
            width: 986px;
            margin: 0 auto;
            }
    /* Headers */
  12. clonesnclowns
    Member
    Posted 1 year ago #

    Thank you !

  13. clonesnclowns
    Member
    Posted 1 year ago #

    OK - nailed it !

Topic Closed

This topic has been closed to new replies.

About this Topic