Okay
  Public Ticket #1549466
Page Header not centered in Page Header Background color
Closed

Comments

  •  2
    Frank started the conversation

    Hi:

    The issue is we can’t get the Page Header text centered within the Page Header Background color.

    No matter how we adjust the Page Header Height, the text is never centered properly within the color bar.

    Do you have a solution?

    Thanks.

    Frank 

  •  3,034
    Andrew replied

    Hey there,

    Thanks for reaching in,

    Seems pretty centered to me. How centered do you want it?

    Regards

  •  2
    Frank replied

    Hey Andrew:

    Thanks. Sorry I was not more clear. We'd like the text to be exactly centered within the color bar. In the shot, there is more space above the text than below.

    Top of bar

    Text

    Bottom of bar

  •  9,012
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    body #page-header-bg h1 {
        top: -10px;
        position: relative;
    }

    Thanks


    ThemeNectar Support Team 

  •  2
    Frank replied

    Hi Tahir:

    Thanks. I added the code, but the text is still not centered within the bar. 

    Any other thoughts?

    Frank

  •  9,012
    Tahir replied

    Hey Again,

    Try adjusting the top value in here . 

    body #page-header-bg h1 {
        top: -8px;
        position: relative;
    }
    

    Be.st 


    ThemeNectar Support Team 

  •  2
    Frank replied

    Fixed! Many thanks.

    Keep up the great work.

    I tell everyone about Salient!

  •  3,034
    Andrew replied

    Hey there,

    Thanks for reaching in,

    Awesome, we will appreciate that. Please be sure to reach in in case you encounter another issue,

    Regards