Support » Themes and Templates » Theme header help

  • Resolved Fitzlegend

    (@fitzlegend)


    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?

Viewing 4 replies - 1 through 4 (of 4 total)
  • DigitalSquid

    (@twelvefootsnowman)

    In .header-left, change:

    margin: 0px 0px 0px 0px;

    To:

    margin: 0px 0px 0px 150px;

    Fitzlegend

    (@fitzlegend)

    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?

    DigitalSquid

    (@twelvefootsnowman)

    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

    Fitzlegend

    (@fitzlegend)

    Excellent Thanks a million!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Theme header help’ is closed to new replies.