WordPress.org

Forums

Point
Center Logo In Header (1 post)

  1. ptc688
    Member
    Posted 10 months ago #

    Hello,

    I am using the Point theme by My Theme Shop. I am trying to center the logo in the header. Currently, it is aligned left and I have been unable to move it. I have been combing forums trying to find CSS code that will work. Unfortunately, everything I have tried has not been able to center the header. Does anyone have any ideas? Thank you for your help.

    /*-[ Header ]-----------------------*/
    body > header {
        float: left;
        width: 100%;
        position: relative;
    }
    .main-header {
        position: relative;
        margin: 0 auto;
        width: 100%;
        z-index: 99;
        max-width: 2000px;
        float: none;
        display: block;
        min-height: 82px;
    }
    #header {
        position: relative;
        width: 98.1%;
        float: left;
        padding: 0 0 0 2%;
        background: #F5F5F5;
    }
    #header:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background: #E2E2E2;
        bottom: 0px;
        left: 0;
    }
    #header h1, #header h2 {
        font-size: 42px;
        float: left;
        display: inline-block;
        line-height: 1;
        margin: 20px 0;
        text-transform: uppercase;
    
    }
    #header .image-logo {
        display: block;
        width: 100%;
        text-align: center;
    }
    #logo a {
        float: left;
        color: #2A2A2A;
        font-weight: bold;
    }
    #logo a img { float: none }
    .widget-header {
        float: left;
        max-width: 77.7%;
    }
    .header-bottom-second {
        overflow: hidden;
        clear: both;
    }
    #header-widget-container {
        width: 96%;
        max-width: 940px;
        margin: 0 auto;
        overflow: hidden;
        margin-top: 24px;
    }
    .widget-header-bottom-right {
        float: right;
        max-width: 20.3%;
        width: 100%;
    }
    .widget-header img { float: left; }
    .widget-header-bottom-right .topad { margin-bottom: 0; }
    .header-button {
        font-size: 12px;
        text-decoration: none;
        position: relative;
        padding: 10px 0px;
        font-size: 18px;
        line-height: 18px;
        width: 100%;
        text-align: center;
        display: block;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }
    .header-button:hover { background: #111 }
    .header-button span { float: none }
    a.header-button {
        color: #fff!important;
        margin-bottom: 6px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;

Reply

You must log in to post.

About this Theme

About this Topic