WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Theme header help (5 posts)

  1. Fitzlegend
    Member
    Posted 3 years ago #

    Hi i have a theme i am working on here http://www.bettingview.com

    I got a header made and was trying to change some css and made a mess and had to try reinstate the header myself.

    The logo bettingview is supposed to be more over to the right and not on top of the computer screen.

    ================================================================
         HEADER
    =================================================================== */
    
    #toparea {
    	background: #000000;
        width: 980px;
    	height: 24px;
    	color: #ffffff;
    	font-size: 11px;
    	font-family: Verdana;
        margin: 0px 0px 0px 0px;
        padding: 5px 10px 0px 10px;
        overflow: hidden;
    	}
    
    .toparea-left {
        width: 488px;
        margin: 0px 4px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: left;
        }
    
    .toparea-right {
        width: 488px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: left;
    	text-align: right;
        }
    
    #header {
    	background: #000024 url(images/bettingviewheader.jpg) top no-repeat;
        width: 980px;
    	height: 80px;
        margin: 0px 0px 0px 0px;
        padding: 20px 10px 7px 10px;
        overflow: hidden;
    	}
    
    .header-left {
    	background: transparent url(images/bettingviewlogo.png) no-repeat;
        width: 399px;
    	height: 90px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: left;
        }
    
    .header-right {
        width: 581px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: left;
    	text-align: right;
        }

    Can anyone tell me what i can change to fix it please?

  2. DigitalSquid
    Member
    Posted 3 years ago #

    In .header-left, change:

    margin: 0px 0px 0px 0px;

    To:

    margin: 0px 0px 0px 150px;

  3. Fitzlegend
    Member
    Posted 3 years ago #

    Hi Charity thanks for the reply

    although that aligns it perfect is gets rid of the banner on the right hand side. Any solution so it wont affect this?

  4. DigitalSquid
    Member
    Posted 3 years ago #

    Whoops, sorry! I've got adverts blocked in my browser so I didn't know the banner was there.

    Change that 150px margin down to 110px and then change the width in .header-right to 468px

  5. Fitzlegend
    Member
    Posted 3 years ago #

    Excellent Thanks a million!

Topic Closed

This topic has been closed to new replies.

About this Topic